tabi no

表示方法 サンプル

≪スライドトグル式≫
こちらは日程表などで利用することがございます。

スライドトグルのタイトル1(アイコンあり)
1つ目のスライド内のコンテンツ。

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

Label1ショートコード内にさらに別のショートコード
dogs
スライドの中に画像を挿入してみたよ。

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

スライドトグルのタイトル2
2つ目のスライド内のコンテンツ。

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

スライドトグルのタイトル3
3つ目のスライド内のコンテンツ。
これはスライドして表示されるコンテンツです。

クリックで開閉します。

≪タブ式≫
情報ページなどで利用すると少ないスペースで多くの情報を表示でき効果的です。

  • タブのタイトル1(アイコンあり)
  • タブタイトル3
  • タブタイトル4
1つ目のタブ内のコンテンツ。

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

Label1ショートコード内にさらに別のショートコード
dogs
タブコンテンツの中に画像を挿入してみたよ。

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

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

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

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