cocoonで文字装飾に使えるブロック一覧まとめ

cocoonblockまとめcocoon
ゆずしお
ゆずしお

cocoon の文字装飾ブロックをまとめました。
みなさんの参考になればうれしいです。

がっちゃん<br>先生
がっちゃん
先生

アレ使いたいけど、アイコンボックスだったっけ
タグボックスだったっけ、ってなるにゃ。
必要にゃー。

スポンサーリンク

アイコンボックス

WordPressの画面

※ 文字色や背景色は変更可能。背景色は全体の色を変えることができない。
  枠色は変更不可能

補足情報(i)

補足情報(?)

補足情報(!)

メモ

コメント

OK

NG

GOOD

BAD

プロフィール

※注意 背景色をかえるとこんなふうになりました。

WordPressの画面

テキスト設定の上の「色設定」で
背景色を変えるとこんなふうになります。

プロフィール

案内ボックス

WordPressの画面

※ 背景色は以下8色

案内ボックス プライマリー(濃い水色)

案内ボックス セカンダリー(濃い灰色)

案内ボックス インフォ(薄い青)

案内ボックス サクセス(薄い緑)

案内ボックス ワーニング(薄い黄色)

案内ボックス デンジャー(薄い赤色)

案内ボックス ライト(白色)

案内ボックス ダーク(濃い灰色)

白抜きボックス

WordPressの画面

※ ボーダー色(枠)、背景色変更可能。

配色例

白抜きボックス

白抜きボックス

白抜きボックス

白抜きボックス

付箋風ボックス

WordPressの画面

付箋風ボックス 灰色

付箋風ボックス 黄色

付箋風ボックス 赤色

付箋風ボックス 青色

付箋風ボックス 緑色

タブボックス 一覧 

WordPressの画面

※ 枠色、文字色、背景色変更可能。

チェック

コメント

ポイント

ティップス

ヒント

ピックアップ

ブックマーク

メモ

ダウンロード

ブレイク

アマゾン

OK

NG

GOOD

BAD

プロフィール

ボタン

WordPressの画面

サイズ 小

サイズ 小
円形にする

サイズ 小
円形にする
光らせる

サイズ 中

サイズ 中
円形にする

サイズ 中
円形にする
光らせる

サイズ 大

サイズ 大 円形にする

サイズ 大 円形にする 光らせる

トグルボックス

WordPressの画面

※ ボーダー色、文字色、背景色変更可能。

マンガの紹介で、ネタバレ項目はここに書くといいかも。

アイコンリスト

WordPressの画面

※ アイコン色、ボーダー(枠)色、文字色、背景色変更可能。

アイコン、配色例

タイトル
タイトル
タイトル
タイトル

コメント

タイトルとURLをコピーしました