タブパネル用ショートコード

表示例

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

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

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

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

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

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

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

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

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

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

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

Code

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

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

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

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

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

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

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

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

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