【ブロック対応完了】タブボックス

※このショートコードは、「ブロックエディタ」に対応済みです。ブロックエディタのほうを使ったほうがラクです。

タイトル部分がタブのボックスショートコードは、「type=”tab”」属性を追加します。

グレー

タイトル

白背景

コピペ用

[box type="tab" color="gray" title="タイトル"]
白背景
[/box]
タイトル

グレー背景

コピペ用

[box type="tab" color="gray-gray" title="タイトル"]
グレー背景
[/box]
タイトル

クリーム背景

コピペ用

[box type="tab" color="gray-cream" title="タイトル"]
クリーム背景
[/box]

ピンク1

タイトル

白背景

コピペ用

[box type="tab" color="pink" title="タイトル"]
白背景
[/box]
タイトル

グレー背景

コピペ用

[box type="tab" color="pink-gray" title="タイトル"]
グレー背景
[/box]
タイトル

クリーム背景

コピペ用

[box type="tab" color="pink-cream" title="タイトル"]
クリーム背景
[/box]
タイトル

ピンク背景

コピペ用

[box type="tab" color="pink-pink" title="タイトル"]
ピンク背景
[/box]

ピンク2

タイトル

白背景

コピペ用

[box type="tab" color="pink2" title="タイトル"]
白背景
[/box]
タイトル

グレー背景

コピペ用

[box type="tab" color="pink2-gray" title="タイトル"]
グレー背景
[/box]
タイトル

クリーム背景

コピペ用

[box type="tab" color="pink2-cream" title="タイトル"]
クリーム背景
[/box]
タイトル

ピンク背景

コピペ用

[box type="tab" color="pink2-pink" title="タイトル"]
ピンク背景
[/box]

青1

タイトル

白背景

コピペ用

[box type="tab" color="blue" title="タイトル"]
白背景
[/box]
タイトル

グレー背景

コピペ用

[box type="tab" color="blue-gray" title="タイトル"]
グレー背景
[/box]
タイトル

クリーム背景

コピペ用

[box type="tab" color="blue-cream" title="タイトル"]
クリーム背景
[/box]
タイトル

ブルー背景

コピペ用

[box type="tab" color="blue-blue" title="タイトル"]
ブルー背景
[/box]

青2(水色)

タイトル

白背景

コピペ用

[box type="tab" color="blue2" title="タイトル"]
白背景
[/box]
タイトル

グレー背景

コピペ用

[box type="tab" color="blue2-gray" title="タイトル"]
グレー背景
[/box]
タイトル

クリーム背景

コピペ用

[box type="tab" color="blue2-cream" title="タイトル"]
クリーム背景
[/box]
タイトル

ブルー背景

コピペ用

[box type="tab" color="blue2-blue" title="タイトル"]
ブルー背景
[/box]

タイトル

白背景

コピペ用

[box type="tab" color="green" title="タイトル"]
白背景
[/box]
タイトル

グレー背景

コピペ用

[box type="tab" color="green-gray" title="タイトル"]
グレー背景
[/box]
タイトル

クリーム背景

コピペ用

[box type="tab" color="green-cream" title="タイトル"]
クリーム背景
[/box]
タイトル

ブルー背景

コピペ用

[box type="tab" color="green-green" title="タイトル"]
ブルー背景
[/box]

緑2(黄緑)

タイトル

白背景

コピペ用

[box type="tab" color="green2" title="タイトル"]
白背景
[/box]
タイトル

グレー背景

コピペ用

[box type="tab" color="green2-gray" title="タイトル"]
グレー背景
[/box]
タイトル

クリーム背景

コピペ用

[box type="tab" color="green2-cream" title="タイトル"]
クリーム背景
[/box]
タイトル

ブルー背景

コピペ用

[box type="tab" color="green2-green" title="タイトル"]
ブルー背景
[/box]

タイトル

白背景

コピペ用

[box type="tab" color="black" title="タイトル"]
白背景
[/box]
タイトル

グレー背景

コピペ用

[box type="tab" color="black-gray" title="タイトル"]
グレー背景
[/box]
タイトル

クリーム背景

コピペ用

[box type="tab" color="black-cream" title="タイトル"]
クリーム背景
[/box]

黒2(やや薄め)

タイトル

白背景

コピペ用

[box type="tab" color="black2" title="タイトル"]
白背景
[/box]
タイトル

グレー背景

コピペ用

[box type="tab" color="black2-gray" title="タイトル"]
グレー背景
[/box]
タイトル

クリーム背景

コピペ用

[box type="tab" color="black2-cream" title="タイトル"]
クリーム背景
[/box]

薄い色シリーズ

タイトル

薄いピンク

コピペ用

[box type="tab" color="lightpink" title="タイトル"]
薄いピンク
[/box]
タイトル

薄い青

コピペ用

[box type="tab" color="lightblue" title="タイトル"]
薄い青
[/box]
タイトル

薄い緑

コピペ用

[box type="tab" color="lightgreen" title="タイトル"]
薄い緑
[/box]
タイトル

薄いベージュ

コピペ用

[box type="tab" color="beige" title="タイトル"]
薄いベージュ
[/box]

属性値

title=””
ボックスに表示するタイトル。指定しない場合はタイトル無しの枠になります。
初期値:なし

type=””
タイトルのデザイン
初期値:normal
normal 背景色付き
daen:楕円背景
tab:タブデザイン
kakomi:囲むようなデザイン

icon=””
タイトルの前に表示するアイコン。Font Awesomeに対応。
初期値:なし

color=””
リストを囲むボックスの色
初期値:gray

グレー(gray、gray-gray、gray-cream)
黒(black、black-glay、black-cream、black2、black2-glay、black2-cream)
青(blue、blue-blue、blue-gray、blue2、blue2-blue、blue2-gray)
ピンク(pink、pink-pink、pink-gray、pink-cream、pink2、pink2-pink、pink2-gray、pink2-cream)
緑(green、green-green、green-gray、green-cream、green2、green2-green、green2-gray、green2-cream)
薄い色(beige、lightblue、lightpink、lightgreen)

以上「タブボックス」でした。

般若ビルダー専用ショートコード一覧に戻る