表示例

• タブのタイトル1(アイコンあり)
• タブタイトル2
• タブタイトル3
• タブタイトル4

1つ目のタブ内のコンテンツ。

タブをクリックするとそのタブのコンテンツが表示されます。

Label1ショートコード内にさらに別のショートコード

タブコンテンツの中に画像を挿入してみたよ。

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

2つ目のタブ内のコンテンツ。

これはタブで切り替えできるタブコンテンツ用ショートコードです。

3つ目のタブ内のコンテンツ。

これはタブで切り替えできるタブコンテンツ用ショートコードです。

4つ目のタブ内のコンテンツ。
これはタブで切り替えできるタブコンテンツ用ショートコードです。

Code

[tabs]
[tab title="タブのタイトル1(アイコンあり)" class="icon-heart"]
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タグを利用することももちろんできます。
方法は記事を各要領とまったく同じです。
[/tab]
[tab title="タブタイトル3"]
3つ目のタブ内のコンテンツ。

これはタブで切り替えできるタブコンテンツ用ショートコードです。
[/tab]
[tab title="タブタイトル4"]
4つ目のタブ内のコンテンツ。
これはタブで切り替えできるタブコンテンツ用ショートコードです。
[/tab]
[/tabs]