この記事には広告が含まれています。

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

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

この記事がお勧めな方

  • Cocoon(コクーン)の見出し作成について知りたい方
  • Cocoon(コクーン)の見出しがどんな感じか知りたい方
  • 「見出し」の書き方を知りたい方

Cocoon(コクーン)の見出し作成方法

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

Cocoon(コクーン)の見出しブロック

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

Cocoon(コクーン)の見出し一覧

Cocoon(コクーン)の見出し設定について

Cocoon(コクーン)の見出し設定項目
①:色設定テキスト/背景の色を変更可能
②:タイポグラフィタイポグラフィの設定が可能
③:外観文字のスタイルを変更可能

①:色設定

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

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

Cocoon(コクーン)の見出し色設定した実際表示

②:タイポグラフィ

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

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

Cocoon(コクーン)のタイポグラフィ設定表示例

③:外観

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

Cocoon(コクーン)の見出し外観設定

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

Cocoon(コクーン)の見出し外観スタイルの種類

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

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

→ Cocoon(コクーン)の見出し表示一覧

見出し作成時の決まり事

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

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

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

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

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

「見出しレベル」H1,H2の実際使用例

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

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

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

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

「見出しレベル」H1、H2、H3の実際使用例

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

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

関連記事

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

ハムタ
ハムタ
パパくま
パパくま

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

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

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

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

関連記事

Cocoon:記事一覧

Cocoon(コクーン)の特徴を徹底解説!-初心者向け-

2024/9/28  

この記事では無料テーマ「Cocoon(コクーン)」の特徴について初心者向け解説しています。 また、別記事でCocoon(コクーン)の使い方やカスタマイズ方法についても解説していますので、参考にしてみて ...

     Cocoonの設定関係

    お勧めWordPress無料テーマ「Cocoon(コクーン)」のインストール方法
    Cocoon(コクーン)のインストール方法:初心者向け簡単ガイド

    2024/12/30    

    この記事では人気の無料テーマCocoon(コクーン)をインストールして使えるようにする方法を初心者向けに解説しています。 Cocoon(コクーン)をインストールする前の準備 この記事をご覧になっている ...

    Cocoon(コクーン):お勧めのプラグインとお勧めしないプラグイン
    Cocoon(コクーン):お勧めのプラグインとお勧めしないプラグイン

    2024/7/19    

    この記事がお勧めな方 Cocoon(コクーン)に最初に導入すべきプラグインを知りたい方 Cocoonと相性の悪いプラグインを知りたい方 Cocoonにお勧めのプラグイン Cocoon(コクーン)にお勧 ...

    Cocoon(コクーン):グーグルアナリティクスを導入する方法
    Cocoon(コクーン):グーグルアナリティクスを導入する方法

    2024/7/19    

    この記事ではWordPressテーマ「Cocoon(コクーン)」を利用している方向けにグーグルアナリティクスを導入する方法を解説しています。 グーグルアナリティクスを導入する手順 Googleアカウン ...

    Cocoon(コクーン)のステマ規制対策
    Cocoon(コクーン)のステマ規制対策

    2024/7/19    

    この記事ではCocoon(コクーン)のステマ規制対策について初心者向け解説しています。 ステマ規制とは2023年10月から開始された「ステルスマーケティング」に対する景品表示法による規制です。 この規 ...

       Cocoonの使い方

      Cocoonの使い方
      Coccon(コクーン)の使い方-初心者に解りやすく解説-

      2024/7/19    

      この記事では、Coccon(コクーン)の使い方について初心者向け解説しています。 見出しの作成方法 記事作成の基本である「見出し」の作成方法について解説しています。 基本的な記事作成機能 基本的な記事 ...

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

      Cocoonカスタマイズ
      Coccon(コクーン)のカスタマイズ方法-初心者に解りやすく解説-

      2024/7/19    

      この記事ではCoccon(コクーン)のカスタマイズ方法について初心者向け解説しています。 全体設定 メニューの作成方法 カテゴリーの作成と並び替えをする方法 ヘッダーカスタマイズ ヘッダーメニューの位 ...