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

ゆずしお

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

がっちゃん
先生

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

アイコンボックス

※　タイプを選ぶとスタイルが決定。背景色は変えることができない。
　　

案内ボックス

※　背景色は以下８色

白抜きボックス

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

配色例

付箋風ボックス

タブボックス　一覧　

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

ブログカード

関連記事
参考記事
参考リンク
人気記事
あわせて読みたい

チェック
ピックアップ
公式サイト
ダウンロード
ラベルなし

WordPressの記事をコピーする方法【 プラグインなし】

WordPressで関連記事を書きたいときに、記事をコピーしたいんだけど、できるのかな？そんなお悩みにお答えします。

yuzushio.net

Cocoonでタイトルを中央よせにしたい【初心者でもOK】

Cocoonでタイトルを中央よせにしたいな。他のブログでは中央よせになっているところが多いですよね。Cocoonでのやり方をご紹介します。初心者でもできるように詳しくのせました。

yuzushio.net

※ブログカードの中に入れるURLをコピーする際は、「リンク無し」や「書式なし」で貼り付けること。（CTRL＋SHIFT＋V）

ボタン

※ボタンのサイズは［小、中、大］　円形、光らせるの選択
フォントサイズは［デフォルト、小、標準、中、大、特大］
背景色、ボーダー色、文字色変更可能。

サイズ　大

サイズ　大　円形にする

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

トグルボックス

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

アイコンリスト

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

アイコン、配色例

※　ボーダー（枠）色、文字（アイコン）色、背景色変更可能。ただし枠の色によって、アイコン色と見出し文字色が変更できない場合がある。

タブ見出しボックス

※　ボーダー（枠）色、文字（アイコン）色、背景色変更可能。ただし枠の色によって、アイコン色と見出し文字色が変更できない場合がある。

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