アコーディオンパネル用ショートコード

Eel Kabayaki đến thế giới

Brand New Day

We’ve taken Lorem Ipsum to the next level with our HTML-Ipsum tool!

Hot Stuff

Widget Area For PC
( Free space )

ノーマル形式

たくさんのトラックバック
たくさんのトラックバックがある投稿。吾輩は猫である。名前はまだ無い。 どこで生れたかとんと見当がつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。吾輩はここで始めて人間というものを見た。しか...
読みやすさのテスト
吾輩は猫である。名前はまだ無い。 どこで生れたかとんと見当がつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。吾輩はここで始めて人間というものを見た。しかもあとで聞くとそれは書生という人間中で一番獰悪な種族であ...

ポートフォリオ2 : 4カラム

マガジン形式 : 3カラム

画像テスト
様々なレイアウトを考慮した画像配置や画像サイズの表示テストです。DigiPressは美しいだけでなく徹底した表示要件にも配慮されています。

マガジン形式 : 4カラム

十分大きな声でそれを口に出せば、いつもませて聞こえる; スーパーカリフラジリスティックエクスピアリドーシャス!
とても長い単語が含まれたとても長いタイトルの投稿。日本語の場合は単語の区切りにスペースを使用していないので単語の長さはあまり関係ない。タイトルの行の高さ (line-height) とタイトルエリアが狭い場合に起こりうるオーバーフローの問題...
1454 views

スライダー(4種類) : カルーセルタイプ

このショートコードはDigiPressテーマ専用のプラグインとして提供されています。

表示例

アコーディオンのタイトル1
1つ目のスライド内のコンテンツ。

これはスライドして表示されるコンテンツです。ページを表示すると最初のパネルが表示されます。
クリックで開閉します。

Label1ショートコード内にさらに別のショートコード

dogs1
スライドの中に画像を挿入してみたよ。

このようにスライドコンテンツとしてHTMLタグを利用することももちろんできます。
方法は記事を各要領とまったく同じです。

アコーディオンのタイトル2(アイコンあり)
2つ目のスライド内のコンテンツ。

これはスライドして表示されるコンテンツです。
クリックで開閉します。

アコーディオンタイトル3
3つ目のスライド内のコンテンツ。
これはスライドして表示されるコンテンツです。

クリックで開閉します。

Code

[accordions]
[accordion title="アコーディオンのタイトル1"]
1つ目のスライド内のコンテンツ。

これはスライドして表示されるコンテンツです。ページを表示すると最初のパネルが表示されます。
クリックで開閉します。

[label color="#83CE11" title="Label1" icon="icon-wordpress" text="ショートコード内にさらに別のショートコード"]
<img src="https://sogawa7th.com/wp-content/uploads/2013/12/dogs1.jpg" alt="" width="150" height="100" class="aligncenter size-full wp-image-4108" />
スライドの中に画像を挿入してみたよ。

このようにスライドコンテンツとしてHTMLタグを利用することももちろんできます。
方法は記事を各要領とまったく同じです。
[/accordion]
[accordion title="アコーディオンのタイトル2(アイコンあり)" class="icon-coffee"]2つ目のスライド内のコンテンツ。

これはスライドして表示されるコンテンツです。
クリックで開閉します。
[/accordion]
[accordion title="アコーディオンタイトル3"]3つ目のスライド内のコンテンツ。
これはスライドして表示されるコンテンツです。

クリックで開閉します。
[/accordion]
[/accordions]
Widget Area For PC
( Free space )
Widget Area For PC
( Free space )

Pickups!