アコーディオンパネル用ショートコード
このショートコードはDigiPressテーマ専用のプラグインとして提供されています。
このショートコードはDigiPressテーマ専用のプラグインとして提供されています。
表示例
- アコーディオンのタイトル1
-
1つ目のスライド内のコンテンツ。
これはスライドして表示されるコンテンツです。ページを表示すると最初のパネルが表示されます。
クリックで開閉します。Label1ショートコード内にさらに別のショートコード
スライドの中に画像を挿入してみたよ。このようにスライドコンテンツとしてHTMLタグを利用することももちろんできます。
方法は記事を各要領とまったく同じです。 - アコーディオンのタイトル2(アイコンあり)
-
2つ目のスライド内のコンテンツ。
これはスライドして表示されるコンテンツです。
クリックで開閉します。 - アコーディオンタイトル3
-
3つ目のスライド内のコンテンツ。
これはスライドして表示されるコンテンツです。クリックで開閉します。
Code
[accordions] [accordion title="アコーディオンのタイトル1"] 1つ目のスライド内のコンテンツ。 これはスライドして表示されるコンテンツです。ページを表示すると最初のパネルが表示されます。 クリックで開閉します。 [label color="#83CE11" title="Label1" icon="icon-wordpress" text="ショートコード内にさらに別のショートコード"] <img src="https://skin.dpthemes.net/colors1/wp-content/uploads/sites/27/2013/12/dogs1.jpg" alt="" width="150" height="100" class="alignleft size-full wp-image-4120" /> スライドの中に画像を挿入してみたよ。 このようにスライドコンテンツとしてHTMLタグを利用することももちろんできます。 方法は記事を各要領とまったく同じです。 [/accordion] [accordion title="アコーディオンのタイトル2(アイコンあり)" class="icon-coffee"]2つ目のスライド内のコンテンツ。 これはスライドして表示されるコンテンツです。 クリックで開閉します。 [/accordion] [accordion title="アコーディオンタイトル3"]3つ目のスライド内のコンテンツ。 これはスライドして表示されるコンテンツです。 クリックで開閉します。 [/accordion] [/accordions]