ブログを始めたばかりの頃、私のトップページは「新着順に記事が並んでいるだけ」でした。
スクロールが長くなるし、どこにどんな記事があるか分かりにくくて、正直見づらい状態…😅
他のブロガーさんのサイトを見て、カテゴリーごとに記事が表示されていて、とても見やすい！と感じたので、私のブログでもカテゴリーごとに表示されたトップページとグローバルメニューを取り入れてみました✨
この2つを設定することで、ブログ全体が整理され、訪問者が読みたい記事にすぐアクセスできるように✨
今回はCocoonでの設定方法を初心者さん向けにまとめます。
カテゴリーごとに表示されたトップページの設定方法
Cocoon設定を開く
WordPressの管理画面左メニューの Cocoon設定 をクリック
「インデックス」タブをクリック
上のタブから 「インデックス」 を選びます。
フロントページタイプを設定
フロントページタイプ から、
希望の表示形式を選択します。
例：カテゴリーごとなど
表示するカテゴリーを選択
表示カテゴリーの項目で、
トップページに表示したいカテゴリーにチェックをいれます✅
カテゴリーの表示順を変更したい場合
「カテゴリー表示の順番を並び替える場合はこちら」をクリック
→ 表示したい順に、カテゴリーIDをカンマ区切りで入力します。
例：5,3,8,2
カテゴリーIDを確認するには、WordPress管理画面左メニューの「投稿」→「カテゴリー」をクリックすると確認できます。
「変更をまとめて保存」をクリック
忘れずに保存します💡
トップページを確認
設定が反映されているか、トップページをチェック✨
グローバルメニューの設定方法（Cocoon）
グローバルメニューとは？
ブログの一番上にあるメニュー（ナビゲーション）のことです。
読者がブログの中を移動するときに使う案内板の役割があります。
ここでいうと、ホーム、ブログの始めかた、おすすめ、プロフィールの部分がグローバルメニューになります。
外観 → メニューを開く
WordPress管理画面
→ 外観
→ メニュー
新規メニューを作成
「新しいメニューを作成しましょう。」 をクリック
「新しいメニューを作成しましょう。」をクリックするのは、以前にほかのメニュー（フッターメニューなど）を設定している場合になります。メニューを設定するのが初めての場合は、メニュー名を入力からになります。
また、グローバルメニューを以前に設定していて、編集したいときは、「編集するメニューを選択」から選択し、右側にある「選択」をクリックします。
メニュー名を入力
分かりやすく
例：グローバルメニュー
表示位置を選択
以下にチェック✅
ヘッダーメニュー
ヘッダーモバイルメニュー
「メニューを作成」クリック
今回は、ホーム、プロフィール、2つのカテゴリーを設定します。
もちろん、お好みのものを選んで設定してください。
固定ページを追加
左側の「メニュー項目を追加」から
→ 固定ページを選択
→ すべて表示をクリック
→ グローバルメニューに入れたいページにチェック
→ メニューに追加をクリック
※例：ホーム、プロフィール など
カテゴリーも追加
同じくカテゴリー を選択
→ グローバルメニューに入れたいものにチェック
→ メニューに追加をクリック
並び順を調整
メニュー項目をドラッグして順番を変更します。
保存
「メニューを保存」 をクリック
トップページを確認
スマホ版も表示確認しておくと安心です👍
まとめ
投稿順に並ぶだけだと、記事が増えるほど見づらくなる
カテゴリーごとに表示されたトップページ＋グローバルメニューで、見やすく整理
Cocoonなら初心者でも簡単に設定できる✨
読者の動線が整うと、滞在時間が伸びて回遊率アップにつながります。
少しずつカスタマイズして、見やすいブログに育てていきましょう😊
