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

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

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

囲みボックスは、背景色付きで使うと微妙な感じになるので、背景白のボックスで使うのがおすすめです。

グレー

タイトル

ボックスの中身

コピペ用

[box type="kakomi" color="gray" title="タイトル"]
ボックスの中身
[/box]

ピンク1

タイトル

ボックスの中身

コピペ用

[box type="kakomi" color="pink" title="タイトル"]
ボックスの中身
[/box]

ピンク2

タイトル

ボックスの中身

コピペ用

[box type="kakomi" color="pink2" title="タイトル"]
ボックスの中身
[/box]

青1

タイトル

ボックスの中身

コピペ用

[box type="kakomi" color="blue" title="タイトル"]
ボックスの中身
[/box]

青2(水色)

タイトル

ボックスの中身

コピペ用

[box type="kakomi" color="blue2" title="タイトル"]
ボックスの中身
[/box]

タイトル

ボックスの中身

コピペ用

[box type="kakomi" color="green" title="タイトル"]
ボックスの中身
[/box]

緑2(黄緑)

タイトル

ボックスの中身

コピペ用

[box type="kakomi" color="green2" title="タイトル"]
ボックスの中身
[/box]

タイトル

ボックスの中身

コピペ用

[box type="kakomi" color="black" title="タイトル"]
ボックスの中身
[/box]

黒2(やや薄め)

タイトル

ボックスの中身

コピペ用

[box type="kakomi" color="black2" 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)

以上「囲みボックス」でした。

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