ナビゲーションメニューとは
WEBサイトのヘッダーやフッターなどに表示するメニューを「ナビゲーションメニュー」と言います。
全てのページに共通して表示されるため、訪問者はどこからでもページを移動することが可能です。
![ナビゲーションメニューとは](https://xwrite.jp/wp-content/uploads/2023/04/man_custom_menu_0.png)
ナビゲーションメニューの表示位置
当テーマのメニューは、それぞれ以下の位置に表示されます。
- ヘッダーメニュー
- モバイル開閉メニュー
- フッターメニュー
ヘッダーメニュー
![ヘッダーメニュー](https://xwrite.jp/wp-content/uploads/2023/04/man_custom_menu_1.png)
モバイル開閉メニュー
![モバイル開閉メニュー](https://xwrite.jp/wp-content/uploads/2023/04/man_custom_menu_3.png)
![モバイル開閉メニュー](https://xwrite.jp/wp-content/uploads/2023/04/man_custom_menu_4.png)
フッターメニュー
![フッターメニュー](https://xwrite.jp/wp-content/uploads/2023/04/man_custom_menu_2.png)
ナビゲーションメニューの設定方法
以下の2箇所から、ナビゲーションメニューの設定が可能です。
- WordPress管理画面 >「外観」> 「メニュー」
- カスタマイザー > 「メニュー」
WordPress管理画面から設定する
WordPress管理画面のメニューより「外観」>「メニュー」をクリックして、メニューの設定画面を開きます。
![「メニュー」をクリック](https://xwrite.jp/wp-content/uploads/2023/04/man_custom_menu_5.png)
「メニュー名」に名前を入力と、「メニューの位置」から表示したい位置を選択し、「メニューを作成」ボタンをクリックします。
![メニューを作成](https://xwrite.jp/wp-content/uploads/2023/04/man_custom_menu_6.png)
「メニュー項目を追加」から表示したい項目を選択し、「メニューに追加」ボタンをクリックします。
![項目の追加](https://xwrite.jp/wp-content/uploads/2023/04/man_custom_menu_7.png)
追加された項目はドラッグ操作で順番を入れ替えることができます。
![ドラッグで入れ替え](https://xwrite.jp/wp-content/uploads/2023/04/man_custom_menu_8.png)
各項目は右側へ少しドラッグすることで副項目として設定できます。
![副項目の設定](https://xwrite.jp/wp-content/uploads/2023/04/man_custom_menu_9.png)
項目の右側の矢印をクリックすると追加設定オプションを表示できます。
「ナビゲーションラベル」の設定では実際のページに表示されるラベル名を変更できます。
![ナビゲーションラベルの設定](https://xwrite.jp/wp-content/uploads/2023/04/man_custom_menu_10.png)
設定後、画面右下の「メニューを保存」をクリックすると完了です。
![メニューを保存](https://xwrite.jp/wp-content/uploads/2023/04/man_custom_menu_11.png)
カスタマイザーから設定する
カスタマイザーからも同様に設定可能です。
カスタマイザーではライブプレビューで設定を行うことができます。
カスタマイザーの「メニュー」をクリックします。
![「メニュー」をクリック](https://xwrite.jp/wp-content/uploads/2023/04/man_custom_menu_12.png)
「メニューを新規作成」ボタンをクリックします。
![メニューを作成](https://xwrite.jp/wp-content/uploads/2023/04/man_custom_menu_13.png)
「メニュー名」の入力と、「メニューの位置」を選択し次へ移動します。
![メニュー名と位置を設定](https://xwrite.jp/wp-content/uploads/2023/04/man_custom_menu_14.png)
「項目を追加」ボタンをクリックし、表示したい項目を選択します。
![項目の追加](https://xwrite.jp/wp-content/uploads/2023/04/man_custom_menu_15.png)
設定完了後、上部の「公開」をクリックすると完了です。
メニューの下部に説明を表示する
当テーマは説明の表示に対応しています。
説明を設定することで、以下のようにメニューの下部にテキストを表示できます。
![メニューの下部に説明を表示する](https://xwrite.jp/wp-content/uploads/2023/04/man_custom_menu_16.png)
説明の設定方法
WordPress管理画面のメニューより「外観」>「メニュー」をクリックして、メニューの設定画面を開きます。
![](https://xwrite.jp/wp-content/uploads/2023/04/man_custom_menu_5-1.png)
画面右上の「表示オプション」をクリックします。
![表示オプション](https://xwrite.jp/wp-content/uploads/2023/04/man_custom_menu_17.png)
「説明」にチェックを入れます。
![説明にチェック](https://xwrite.jp/wp-content/uploads/2023/04/man_custom_menu_18.png)
項目の追加設定オプションに「説明」の入力欄が表示されるので、説明を入力します。
![説明を入力](https://xwrite.jp/wp-content/uploads/2023/04/man_custom_menu_19.png)
設定後、画面右下の「メニューを保存」をクリックすると完了です。
![](https://xwrite.jp/wp-content/uploads/2023/04/man_custom_menu_11-1.png)