TOHODENGYO.COM

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

このショートコードは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://www.toho-dengyo.com/wp-content/uploads/2013/12/dogs1-1.jpg' alt='dogs1' width='300' height='199' class='alignleft size-full wp-image-1685' />
スライドの中に画像を挿入してみたよ。

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

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

クリックで開閉します。
[/accordion]
[/accordions]