スライドトグルパネル用ショートコード

豊沃の地を跳ね、清風に舞う。江戸の伝統を受け継ぐ、舌に心に響く味。

豊沃の地を跳ね、
清風に舞う。
江戸の伝統を受け継ぐ、
舌に心に響く味。

東京しゃもは、自然に恵まれた東京の多摩地域でしゃもの健康を第一に、
そして「安心」「安全」「うまい」をモットーにして、
東京しゃも生産組合員が生産しています。
養鶏は一に場所と言われます。
多摩の自然豊かな環境が東京しゃもを育んでいるのです。

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

表示例

[toggles]
[toggle title=”スライドトグルのタイトル1(アイコンあり)” class=”icon-gift”]1つ目のスライド内のコンテンツ。

これはスライドして表示されるコンテンツです。クリックで開閉します。

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

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

このようにスライドコンテンツとしてHTMLタグを利用することももちろんできます。
方法は記事を各要領とまったく同じです。

[/toggle]
[toggle title=”スライドトグルのタイトル2″]2つ目のスライド内のコンテンツ。

これはスライドして表示されるコンテンツです。
クリックで開閉します。
[/toggle]
[toggle title=”スライドトグルのタイトル3″]3つ目のスライド内のコンテンツ。
これはスライドして表示されるコンテンツです。

クリックで開閉します。
[/toggle]
[/toggles]

Code

[toggles]
[toggle title="スライドトグルのタイトル1(アイコンあり)" class="icon-gift"]
1つ目のスライド内のコンテンツ。

これはスライドして表示されるコンテンツです。クリックで開閉します。

[label color="#83CE11" title="Label1" icon="icon-wordpress" text="ショートコード内にさらに別のショートコード"]
<img src='http://demo.dptheme.net/dp8/wp-content/uploads/sites/6/dogs1.jpg' alt='dogs1' width='300' height='199' class='alignleft size-full wp-image-1685' />
スライドの中に画像を挿入してみたよ。

このようにスライドコンテンツとしてHTMLタグを利用することももちろんできます。
方法は記事を各要領とまったく同じです。
[/toggle]
[toggle title="スライドトグルのタイトル2"]2つ目のスライド内のコンテンツ。

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

クリックで開閉します。
[/toggle]
[/toggles]