Cocoon（コクーン）の見出し作成と実際表示（初心者向け）

Cocoon（コクーン）の見出し作成方法

Cocoon（コクーン）の見出し作成方法はブロックの「見出し」から作成できます。

実際に見出しを作成した表示はこんな感じになります。

Cocoon（コクーン）の見出し設定について

①：色設定	テキスト/背景の色を変更可能
②：タイポグラフィ	タイポグラフィの設定が可能
③：外観	文字のスタイルを変更可能

①：色設定

「見出し」のテキストと背景色を変更することができます。

テキストと背景色を変更するとこんな感じです。

②：タイポグラフィ

タイポグラフィとは簡単に言えば、書かれた文字や文章を見やすくする技術のことです。

実際にタイポグラフィを設定するとこんな感じです。

③：外観

外観で文字のスタイルを変更することが可能です。

リストには下の１９種類に変更することができます。

実際に変更した表示はCocoon（コクーン）で作成したサンプルサイトで確認できます。

Cocoon（コクーン）の見出し表示がどんな感じか知りたいかたも、そのサンプルサイトを参考にしてみてください。

→　Cocoon（コクーン）の見出し表示一覧

見出し作成時の決まり事

「見出し」は記事の内容をわかりやすい説明する「表題」のことです。

種類はH1～H6まで使用することができますが、それぞれ適切な使用をする必要があり、表題の重要度が高い順にH1→H2→H3・・・を選択するようにします。

重要度が一番高い表題であるH1は記事タイトルで使用しているので、通常記事内ではH2以下を使用することになります。

例えば「ウサギの飼育方法」という記事を書く場合

「ウサギの飼育方法」という記事タイトルはH1になり、記事内容の見出しはH2を設定します。

「ウサギの種類」を説明するにあたって

• 飼育しやすい種類
• 飼育が難しい種類

といった表題で説明することができると思います。

そこで、この表題はH2で設定した「ウサギの種類」について説明した１段階低いレベルの表題としてH3を設定します。

このようにH1の見出しを説明する見出しにはH2を、H2の見出しを説明する見出しにはH3を設定するというように、見出しをしっかりと階層分けしてあげる必要があります。

「見出し」についてAFFINGER６（アフィンガー６）の見出し作成方法【初心者向け】でより詳しく説明しているので、そちらも参考にしてみてください。

こちらの記事もチェック！

ブログの記事を書くのにAIライティングツールを利用すると効率を上げることができます。

現在は多くのAIライティングツールがあります。

そのほとんどが無料お試しでの利用が可能です。

お試し期間が限定のツールもありますが、中には機能制限はありますがずっと無料で利用できるツールもあります。

無料お試しがずっと可能なAIライティングツールをまとめてみたので、是非試してみてください。

\\ 無料お試し利用がずっと可能なAIライティングツール//

Cocoon：記事一覧

• Cocoon（コクーン）の特徴を徹底解説！-初心者向け-

　Cocoonの設定関係

• 「Cocoon（コクーン）」のインストール方法：初心者向け簡単ガイド
• Cocoon（コクーン）：お勧めのプラグインとお勧めしないプラグイン
• Cocoon（コクーン）：Googleサーチコンソールへの登録方法
• Cocoon（コクーン）：グーグルアナリティクスを導入する方法
• Cocoon（コクーン）のステマ規制対策

　Cocoonの使い方

• Cocoon（コクーン）でプロフィールを設定する方法
• Cocoon（コクーン）の見出し作成と実際表示（初心者向け）
• 【初心者向け】Cocoon（コクーン）の使い方【画像挿入編】
• Cocoon（コクーン）で可能な文字装飾まとめ【初心者向け】
• Cocoon（コクーン）でFAQ風の記事を作成する方法
• 【Cocoon（コクーン）】会話吹き出し機能の使い方【初心者向け】
• Cocoon（コクーン）でランキングを作成する方法【初心者向け】
• Cocoon（コクーン）のボックス機能の使い方【初心者向け】

　Cocoonのデザインカスタマイズ

• Cocoon（コクーン）：スキンって何のこと？スキンの設定画面についてスッキリ理解！
• Cocoon（コクーン）：ヘッダーメニューの位置を変更する方法
• Cocoon（コクーン）：メニューを作成する方法
• Cocoon（コクーン）：カテゴリーの作成と並べ替えをする方法