Cocoonテーマのブロックを活用してブログを見やすく!【7選】

コクーンブロック画像

Cocoonテーマを使っているブロガーさんは「ブロック」を使ってますか?

ブロックを活用することでブログにメリハリをつけて見やすくでき、PVアップにもつながります。

自分もブログ開設から最近まで、ブログ更新のほうに力をいれていたので、ブロックの活用はあまりしてませんでした。

しかしブロックを使うとブログが見やすくなるのでとてもおすすめできます。

はじめは使うブロックが多くて探すのにとまどいますが、慣れると便利な機能です。

Cocoonテーマのブロガーの人はぜひ使ってみてください。次から解説していきます。

スポンサーリンク

「ブロック」とは

ブロックとはCocoonテーマで新規投稿を追加する画面で「⊕」マークをクリックすると出てくる、ブログに様々な見た目やリンクをいれる機能です。

コクーンブロック1画像
コクーンブロック2画像

ブロックを使うメリット

Cocoonのブロックの機能を活用することでブロクをすっきりと見やすくすることができます。

文章で説明すると長くなるものでも、表やリストにすることでコンパクトに説明することができます。

ブログを見やすくすることでPVアップにもつなげることができます。

慣れれば簡単に使いこなせるようになるのでおすすめです。

ブロックのおすすめ機能

Cocoonテーマの「ブロック」機能のうち、おすすめの機能を紹介します。

引用

吾輩は猫である。名前はまだない。

吾輩は猫である 夏目漱石

書籍などから引用を用いるときに便利です。

「一般ブロック」にありますが、「よく使うもの」にあることもあります。

コクーンブロック3画像

リスト

朝早起きの三原則。

  • 早く寝る
  • 目覚ましかける
  • 早く起きる

箇条書きのときに便利です。

「一般ブロック」にありますが、「よく使うもの」にあることもあります。

コクーンブロック4画像

テーブル

名前順位備考
一郎1位勝った
二郎2位負けた

表を作りたいときに便利です。表にすることで見やすくなることがよくあります。

「フォーマット」の中にあり、列数と行数は増やすこともできます。

コクーンブロック5画像

区切り

夜になったから寝た・・・


・・・そして朝になった。

このように区切りの線をいれることができます。話をいったん区切るときなどに便利です。

「レイアウト要素」の中にあります。

コクーンブロック6画像

スペーサー

夜になったから寝た・・・

・・・そして朝になった。

先程の区切りの線のかわりにスペースをいれることができます。

文章の全角スペースでも代用はできますが、せっかくの機能なので、こちらを使ったほうがすっきりと管理ができます。

「レイアウト要素」の中にあります。

コクーンブロック7画像

アイコンボックス

「アイコンボックス」と「案内ボックス」は似ているので間違えないように注意が必要です。

このような補足情報のボックスをいれることができます。見た目にメリハリがついて便利です。

「Cocoonブロック」の中にあります。

コクーンブロック9画像

画面右の「スタイル設定」の「タイプ」からこのように変化をつけることもできます。

「アイコンボックス」を表示して、「スタイル設定」の「タイプ」から変えることができます。これは「メモ」を選択した場合です。

なお、「アイコンボックス」に似たような機能で「案内ボックス」もあります。操作も似ているので詳細は割愛します。

タブ見出しボックス

タブ見出しボックスの案内

「タブ見出しボックス」です。似た機能で「見出しボックス」もあります。

このように見出しと囲いをつけて文章を書けます。見た目にメリハリがついて便利です。

「Cocoon汎用ブロック」の中にあります。

コクーンブロック8画像

画面右の「スタイル設定」と「色設定」で変化をつけることもできます。

タブ見出しボックスの案内を変化させてみた

「タブ見出しボックス」を表示して「スタイル設定」「色設定」で変化をつけることができます。

見出しボックスにテーブルを入れることもできます。表のタイトルを見出しボックスに記載することでおさまりがよく、見やすくなります。

テーブルを入れてみた
名前順位
一郎1位
次郎2位
三郎3位

なお、「タブ見出しボックス」と似たような機能で「見出しボックス」もあります。操作も似ているので詳細は割愛します。

まとめ

Cocoonテーマの「ブロック」の便利な機能を解説しました。活用することでブログがすっきり見やすくなります。

「ブロック」機能のまとめ
  • 引用
  • リスト
  • テーブル
  • 区切り
  • スペーサー
  • アイコンボックス
  • タブ見出しボックス

ブログが見やすくなり、PVアップにもつながるのでとてもおすすめの機能です。

使うことで慣れて、慣れることでさらに使いやすくなります。ぜひ試してみてください。

Cocoonブロガーの人の参考になれば幸いです。最後まで見ていただき、ありがとうございました。

ブログ
スポンサーリンク
スポンサーリンク