【Cocoon】グローバルメニューの設定方法｜カテゴリー・固定ページ・タグメニューの設定手順

グローバルメニューは、以下のような（赤枠）の、ブログ全体のメニューです。

(この画像は最新ではないため、現在のメニューとは異なります。）

どこで設定するのか、メニュー名が表示されない・・・など、グローバルメニューの設定には特に時間がかかってしまった記憶があります。

メニューにできる項目

メニューにできる項目は以下の４つです。

カテゴリーをメニューにする方法

ざっくり分けると２ステップあります。

１．「カテゴリー」を作成する。

２．設定した「カテゴリー」をメニューとしてブログに表示させる。

カテゴリーを作る手順

１．WordPress画面の[投稿]メニューで[カテゴリー]をクリックします。

２．[名前]、[スラッグ]、[親カテゴリー]を入力します。各入力欄の下に説明がありますね。

・[スラッグ]はURLに使用されます。
・[親カテゴリー]で[なし]を設定すると、そのカテゴリーが親カテゴリーになります。
・[説明]は空欄でもOKです。

　例えば、当ブログの[編集]メニューを作成したときに入力した内容は以下です。

　　　　例で入力した[編集]カテゴリー一覧ページのURLです。

３．[新規カテゴリーを追加]をクリック。

表示させたいメニューの数だけ、上述の１～３を繰り返します。

　　以下のような画面になりました。（「未分類」は元々あります。）

　　これだけだとまだ、ブログ上で表示されません。

　　カテゴリーの作成が完了した状態です。

メニューにカテゴリーを表示

１．WordPress画面の[外観]メニューで[メニュー]をクリックします。

２．「メニュー構造」で、「メニュー名」を入力し、「メニューを作成」をクリックします。

（もしくは、上部にある「新しいメニューを作成しましょう」リンクをクリックしてスタート。）

　　ここで設定する[メニュー名]は、ブログ上には表示されません。

　　グローバルメニューを設定するときの便宜上の名前です。（例：ブログ用メニュー、など。例で、「あぁ、ブログ用メニュー」としました。）

３．そのままの状態で、左サイドにあるセクションで、[カテゴリー]をクリック。

４．[すべて表示]をクリック。先ほど作成したカテゴリーがリストされていますね。表示させたいカテゴリーメニュー名にチェックを入れます。そして[メニューに追加]をクリック。

５．すると、手順２で設定した任意のメニュー名の下に、カテゴリーが追加されていますね。

表示されている順番で、メニューがブログに表示されます。
表示順を変えたい場合はドラッグして順番を変えます。
（または、▼を押すと、[移動]オプション「一つ上へ・一つ下へ」というリンクがあり、クリックでも順番を変えられます。）

６．下部に、以下のような設定項目があります。お好みで選択して、「メニューを保存」をクリック。

６－１．[固定ページを自動追加]を選択しておくと、固定ページを公開したとき、そのリンクが自動でメニューに追加されます。[固定ページ]とは、プロフィールや問い合わせフォームに使用されます。

６－２．[メニューの位置]で、メニューを表示させたい場所を選びます。

フッター部分のメニュー例です。

フッターのメニュー設定は以下でまとめています。

記事にカテゴリーを設定

編集画面で設定する方法

１．カテゴリーを設定したい記事の編集画面で、右サイドの[投稿]タブを選びます。（右サイドに何もない方は、[保存]ボタンのとなりにあるアイコンをクリック。）

２．少しスクロールダウンすると[カテゴリー]セクションがあります。指定したいカテゴリーをチェックして[保存]すると完成です。

投稿記事の一覧ページで設定する方法

１．[投稿] > [投稿一覧]メニューを選びます。

２．カテゴリーを設定したい記事タイトルにマウスをホバーさせると、リンクメニューがあらわれます。[クイック編集]をクリック。

３．希望のカテゴリーをチェックして、[更新]ボタンをクリックです。

固定/投稿ページメニューの作成

すでに作成済みの固定ページや投稿記事が対象です。

１．WordPress画面の[外観]メニューの[メニュー構造]で新しいメニュー名を作るか、編集したいメニュー名を選択します。

２．左サイドの[メニュー項目を追加]画面で、[固定ページ]をクリックします。

３．[すべて表示]タブを選ぶと、作成してある固定ページが表示されます。[ホーム]は初期設定で用意されています。

４．表示させたい固定ページを選択して[メニューに追加]をクリック。

５．表示順を調整して[メニューを保存]をクリックすれば、ブログに表示されます！

私は、初期設定の「ホーム」を「Top」に変更しました。他のメニューも同様に、表示テキストを変更できます。（カテゴリー名と表示名は同じにしておくほうが分かりやすいとは思いますが。）

タグメニュー

「タグ」は、カテゴリーとは別に作れる記事のグループです。記事下やサイドバーに以下のように表示できます。

このタグをメニューにする方法です。

タグの設定方法は以下の記事でまとめています。

１．WordPress画面の[外観]メニューで[メニュー]をクリックします。

２．[外観] > [メニュー] 画面の一番上を見てください。

トップバーの下にある[表示オプション]の▼マークをクリック。

３．[タグ]オプションにチェックをいれます。

４．すると左サイドの[メニュー項目を追加]セクションに[タグ]が加わります。▼をクリックすると以下のようにタグの選択肢が表示されます。

５．右サイドでメニュー名を選択している状態で、メニュー項目にしたいタグにチェックをいれて、[メニューに追加]ボタンをクリック。

メニューを階層化する（ドロップダウン）

[外観] > [メニュー] > [メニュー構造]画面で、編集したいメニューグループを選択。

階層化したいメニューを、親メニューの下にドラッグするだけでOK！

子メニューとして表示されるようになります。

または、各メニュー項目の▼を開き、[移動]から[○○下の階層]を選ぶ方法もあります。

ブログ上では以下の赤枠で囲んだマークがでて、メニューが階層化されます。

メニューに「説明」を追加する方法

以下の緑の枠にあるような、説明をつける方法です。ちょっとした補足説明を入れたいときに便利です。

１．[外観] > [メニュー] 画面の一番上を見てください。

トップバーの下にある[表示オプション]の▼マークをクリック。

２．[詳細メニュー設定を表示]で[説明]をクリック。

３．[外観] > [メニュー] > [メニュー構造]で、編集したいメニューグループを選択し、説明を加えたいカテゴリーの▼をクリックします。

[説明]欄に任意の説明を入れて（もちろん日本語も可）、[メニューを保存]をクリックすればできあがりです！

よくあるつまずきポイント

・「カテゴリーを作る」作業が別ページだったことに気づかなかった！

・「メニュー名」がブログに表示されると思ってた！
→ 実際はただの管理用ラベルです

・メニューの文字色を白にしたら背景も白だったため…見えなかった（笑）

おわりに

やっとのことでメニューが表示されたときは一人で盛り上がりました！

時間がかかってしまって、イラ～ッとしたりガッカリしたりしたので、分かりやすい手順を書こうと決心していました。

グローバルメニューの変更手順を簡単に以下にまとめました。（スクショは無しですが、流れを書いています。）

フッター設定はおすみですか？よろしければ、こちらに記事になっています。