焼き鳥 かっぱ

メニュー

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

このショートコードは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='http://digipress.digi-state.com/users/wp-content/uploads/2012/04/dogs1.jpg' alt='dogs' width='300' height='199' class='alignleft size-full wp-image-3361' />
スライドの中に画像を挿入してみたよ。
このようにスライドコンテンツとしてHTMLタグを利用することももちろんできます。
方法は記事を各要領とまったく同じです。
[/accordion]
[accordion title="アコーディオンのタイトル2(アイコンあり)" class="icon-coffee"]2つ目のスライド内のコンテンツ。
これはスライドして表示されるコンテンツです。
クリックで開閉します。
[/accordion]
[accordion title="アコーディオンタイトル3"]3つ目のスライド内のコンテンツ。
これはスライドして表示されるコンテンツです。
クリックで開閉します。
[/accordion]
[/accordions]

居酒屋かっぱ公式Twitter