WordPress を新しく立ち上げて、Cocoon をインストールすると以下のようなトップページが表示されると思います。
デフォルトではヘッダーメニューは存在しません。
![](https://developer-note.com/wp-content/uploads/2022/12/add_header_menu_30-1024x553.png)
そこで、この記事ではヘッダーメニューの作成方法をキャプチャ付きで解説します。
![](https://developer-note.com/wp-content/uploads/2022/12/add_header_menu_08-4-1024x543.png)
手順
手順は以下のようになります。
- カテゴリーを追加します。
- ヘッダーメニューを作成し、カテゴリーをヘッダーメニューに追加します。
カテゴリー追加
ヘッダーメニューに表示したいカテゴリーを追加します。
まずはじめに WordPress にログインし「投稿」 > 「カテゴリー」をクリックします。
![](https://developer-note.com/wp-content/uploads/2022/12/add_header_menu_20-1024x520.png)
名前にカテゴリー名を入力します。
スラッグにカテゴリーの URL になる部分を指定します。
「https://サイト名/category/カテゴリー名/」でカテゴリーの記事一覧を表示できます。
サブカテゴリーを設定する場合は親カテゴリーを指定します。
「新規カテゴリーを追加」をクリックします。
![](https://developer-note.com/wp-content/uploads/2022/12/add_header_menu_21-1024x523.png)
以上で新しくカテゴリーが追加されました。
![](https://developer-note.com/wp-content/uploads/2022/12/add_header_menu_22-1024x513.png)
ヘッダーメニュー追加
WordPress にログインし「外観」>「カスタマイズ」をクリックします。
![](https://developer-note.com/wp-content/uploads/2022/12/add_header_menu_01-1024x521.png)
「メニュー」をクリックします。
![](https://developer-note.com/wp-content/uploads/2022/12/add_header_menu_02-1024x566.png)
「メニューを新規作成」をクリックします。
![](https://developer-note.com/wp-content/uploads/2022/12/add_header_menu_03-1024x554.png)
メニュー名を入力します。
今回はわかりやすく「ヘッダーメニュー」としました。
メニューの位置で「ヘッダーメニュー」をチェックします。
「次」をクリックします。
![](https://developer-note.com/wp-content/uploads/2022/12/add_header_menu_04-1-1024x556.png)
「項目を追加」をクリックします。
![](https://developer-note.com/wp-content/uploads/2022/12/add_header_menu_05-1024x553.png)
「カテゴリー」をクリックし、ヘッダーメニューに表示したいカテゴリーをクリックします。
![](https://developer-note.com/wp-content/uploads/2022/12/add_header_menu_06-1024x550.png)
「公開」をクリックします。
![](https://developer-note.com/wp-content/uploads/2022/12/add_header_menu_07-1024x552.png)
以上でヘッダーメニューが表示されるようになりました。
![](https://developer-note.com/wp-content/uploads/2022/12/add_header_menu_08-3-1024x543.png)
ヘッダーメニューに表示するカテゴリーを増やしたい場合は「外観」>「カスタマイズ」>「メニュー」「ヘッダーメニュー」>「項目を追加」から追加したいカテゴリーを追加してください。
まとめ
皆さんもヘッダーメニューを作成し、ユーザーさんが目的の記事に辿り着きやすくなるようにしましょう!