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

Eel Kabayaki đến thế giới

Brand New Day

We’ve taken Lorem Ipsum to the next level with our HTML-Ipsum tool!

Hot Stuff

Widget Area For PC
( Free space )

マガジン形式 : 3カラム

たくさんのトラックバック
たくさんのトラックバックがある投稿。吾輩は猫である。名前はまだ無い。 どこで生れたかとんと見当がつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。吾輩はここで始めて人間というものを見た。しかもあとで聞くとそれは...
1638 views

マガジン形式 : 4カラム

画像テスト
様々なレイアウトを考慮した画像配置や画像サイズの表示テストです。DigiPressは美しいだけでなく徹底した表示要件にも配慮されています。
読みやすさのテスト
吾輩は猫である。名前はまだ無い。 どこで生れたかとんと見当がつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。吾輩はここで始めて人間というものを見た。しかもあとで聞くとそれは書生という人間中で一番獰悪な種族であ...

スライダー(4種類) : カルーセルタイプ

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

表示例

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

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

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

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

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

Code

[tabs]
[tab title="タブのタイトル1(アイコンあり)" class="icon-heart"]
1つ目のタブ内のコンテンツ。

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

[label color="#83CE11" title="Label1" icon="icon-wordpress" text="ショートコード内にさらに別のショートコード"]
<img src='https://sogawa7th.com/wp-content/uploads/2013/12/dogs1.jpg' alt='dogs1' width='300' height='199' class='alignleft size-full wp-image-1685' />
タブコンテンツの中に画像を挿入してみたよ。

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

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

Pickups!