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

Cocoonカスタマイズ

こんにちは、ハナです。

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

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

アイコンリスト見本
  • テスト
  • テスト
  • テスト

10のタイプから選べます!これはGOODです。

16のラベルから選べます!これはチェックです。

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

アイコンリスト

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

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

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

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

  • テスト
  • テスト
  • テスト

アイコンボックス

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

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

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

これはメモを使用しています。

タブボックス

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

他にも色々あります、よく見てください。

付箋風ボックス

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

5色のタイプがあります!

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

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

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

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

アイコン

可愛いアイコンがいっぱいです!

見出しボックス

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

メニュー

今日のおすすめ!

ラベルボックス

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

ランチおすすめ

・日替わり定食
・フライ定食
・カレー

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