このショートコードはDigiPressテーマ専用のプラグインとして提供されています。
表示例
[accordions]
[accordion title=”アコーディオンのタイトル1″]1つ目のスライド内のコンテンツ。
これはスライドして表示されるコンテンツです。ページを表示すると最初のパネルが表示されます。
クリックで開閉します。
[label color=”#83CE11″ title=”Label1″ icon=”icon-wordpress” text=”ショートコード内にさらに別のショートコード”]
![dogs1](https://sakaba-syokudou-v.com/wp-content/uploads/2013/12/dogs1-1.jpg)
スライドの中に画像を挿入してみたよ。
このようにスライドコンテンツとしてHTMLタグを利用することももちろんできます。
方法は記事を各要領とまったく同じです。
[/accordion]
[accordion title=”アコーディオンのタイトル2(アイコンあり)” class=”icon-coffee”]2つ目のスライド内のコンテンツ。
これはスライドして表示されるコンテンツです。
クリックで開閉します。
[/accordion]
[accordion title=”アコーディオンタイトル3″]3つ目のスライド内のコンテンツ。
これはスライドして表示されるコンテンツです。
クリックで開閉します。
[/accordion]
[/accordions]
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]