酒場食堂∨ 幕張本郷

- 厳選素材 炭火焼き -

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

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

表示例

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

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

[label color=”#83CE11″ title=”Label1″ icon=”icon-wordpress” text=”ショートコード内にさらに別のショートコード”]

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

このようにスライドコンテンツとして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]
043-306-2251