ブログの書き方練習「Cocoonのブロック」【Cocoonブロック編】

Cocoonのブロックとして下のほうに別でありました。これが本当のCocoonのブロックです。すべて記載していきたいと思います。

COCOONブロック

アイコンボックス

アイコンボックスはアイコンを用いることで、視覚的に強調させることができます。

案内ボックス

案内ボックスもアイコンボックス同様に視覚的に協調がさせることができます。どちらを選ぶかはその記事の雰囲気で選べばよいと思います。

白抜きボックス

白抜きボックスは、文字通り白抜きのボックスです。枠で囲んだほうが見た目的にもわかりやすい場合に使用しましょう。

付箋風ボックス

付箋風ボックスは、付箋風にすることで雰囲気を変えることができます。

タブボックス

タブボックスは、メッセージの協調に使用できそうです。

吹き出し

吹き出しは、疑問を持つ人・答える人など会話風にすることで分かりやすい内容にすることができます。

ブログカード

ブログカードでは、URLを記載することで、下記のように記事を表示させることができます。細かい設定は右上にあるメニューのブロックから可能です。

ボタン

ボタンは、下記のようにリンク先をボタンで表示させることができます。細かい設定は右上にあるメニューのブロックから可能です。

囲みボタン

囲みボタンは、リンクタグを入力することでボタン表示が可能となります。アフィリエイトなどリンクタグが最初から設定されている場合などに使用しましょう。細かい設定は右上にあるメニューのブロックから可能です。

アコーディオン（トグル）

アコーディオンは、下記のようにクリックして展開できる項目です。

検索案内

検索案内は、下記のように検索する単語を入力しておける機能です。検索ボタンを押すと各自の検索エンジンに飛びます。

タイムライン

タイムラインは、下記のように時系列を表示することができます。細かい設定は右上にあるメニューのブロックから可能です。

アイコンリスト

アイコンリストは、リストに対して細かい設定が可能です。

FAQ

FAQは質問と回答を表示することができます。

ランキング

ランキングは、cocoon設定から作成することができる機能です。アフィリエイトのリンクなどで使用すると便利です。

テンプレート

テンプレートもcocoon設定から行っておくことで、同じ文章を呼び出すことが可能です。コードなどを設定しておけば、ある程度の表現が可能になります。

ボックスメニュー

ボックスメニューは、下記のようにメニューをボックスで表示することができます。メニュー自体は外観のメニューから設定ができます。

広告

広告については、現在筆者の理解不足なので保留にします。

プロフィールボックス

プロフィールボックスは、下記のようにプロフィールをボックス表示することができます。

新着記事

新着記事は名前の通り、新着記事を表示することができます。

人気記事

新着記事も名前の通り人気（閲覧数）を表示することができます。下の閲覧数はほぼ私です・・・

COCOON汎用ブロック

見出しボックス

見出しボックスは見出しの文字も自由に入力できるタイプのボックスです。

タブ見出しボックス

タブ見出しボックスは、上の見出しボックス同様に見出しに文字入力ができます。違いは見出しがタブになっていることです。

ラベルボックス

ラベルボックスも上2つと同様に見出しに文字入力ができます。見た目の違いのみです。

COCOON汎用マイクロコピー

マイクロバルーン

マイクロバルーンはボタンなどの他の装飾を補助する役割に使用することができます。

マイクロテキスト

マイクロテキストは、マイクロバルーンと同様に他の装飾補助で使用できます。バルーンかテキストかの違いです。

COCOONレイアウト

2カラム

2カラムは記事を2画面に表示することができます。比較などに使用すると分かりやすく見えます。

3カラム

3カラムは記事を3画面に表示することができます。3つの比較で使用するとわかりやすく見えます。

まとめ

cocoonブロックの機能をまとめてみました。機能としては同じで、見た目の違いというものが何点かありました。自分で使用する場合には、いくつかに絞って使用したほうが共通性があって読みやすくなるでしょう。