Cocoon初心者のためのCocoonブロック・Cocoon汎用ブロック活用術！！

こんにちは、ハナです。

Cocoonブログでよく見かけるこのような装飾が気になります。

可愛いアイコン、カラフルな枠や背景なども簡単に変更できます。

Cocoonブロック・ Cocoon汎用ブロックを使用することで、このようなボックスが簡単に作成できます。
作成方法をいくつかピックアップして書いてみたいと思います。

アイコンリスト

ブロックの追加　⇒　Cocoonブロック 　⇒　 アイコンリストをクリックします。

リスト挿入ボックスが開くので、リストを作成します。

枠の外側をクリックすると、下記のようなブロック表示になり、スタイル設定でアイコンやアイコンの色や文字の色、背景、ボーダーなどの色も変更できます。

このようなリストが作成できます。

アイコンボックス

ブロックの追加　⇒　Cocoonブロック 　⇒　 アイコンボックスをクリックします。

アイコンボックスのスタイル設定のタイプから、使用したいものを選びます。

このようなアイコンボックスが作成できました。

タブボックス

ブロックの追加　⇒　Cocoonブロック 　⇒　 タブボックスをクリックします。

付箋風ボックス

ブロックの追加　⇒　Cocoonブロック 　⇒　 付箋風ボックスをクリックします。

タブ見出しボックスについて

ブロックの追加　⇒　Cocoon汎用ブロック 　⇒　 タブ見出しボックスをクリックします。

見出しの所に、スタイル設定のアイコンから好きなアイコンを挿入できます。
枠や背景、文字なども好きな色に変更できます。

このようなタブ見出ボックスが作成できました。

見出しボックス

ブロックの追加　⇒　Cocoon汎用ブロック 　⇒　 見出しボックスをクリックします。

ラベルボックス

ブロックの追加　⇒　Cocoon汎用ブロック 　⇒　 ラベルボックスをクリックします。

Cocoonブロック・ Cocoon汎用ブロックを使用することで、読みやすいブログに変身させてください。