1. ホーム
  2. マニュアル
  3. デザインを変更する
  4. ナビゲーションメニューの設定

ナビゲーションメニューの設定

ナビゲーションメニューとは

WEBサイトのヘッダーやフッターなどに表示するメニューを「ナビゲーションメニュー」と言います。全てのページに共通して表示されるため、訪問者はどこからでもページを移動することが可能です。

ナビゲーションメニュー

ナビゲーションメニューの表示位置

当テーマのメニューは、それぞれ以下の位置に表示されます。

  1. ヘッダーメニュー
  2. モバイル開閉メニュー
  3. フッターメニュー

ヘッダーメニュー

ヘッダーメニュー

モバイル開閉メニュー

モバイル開閉メニュー

フッターメニュー

フッターメニュー

ナビゲーションメニューの設定方法

以下の2箇所から、ナビゲーションメニューの設定が可能です。

  1. WordPress管理画面 >「外観」> 「メニュー」
  2. カスタマイザー > 「メニュー」

WordPress管理画面から設定する

1.「メニュー」をクリック

WordPress管理画面のメニューより「外観」>「メニュー」をクリックして、メニューの設定画面を開きます。

「メニュー」をクリック

2.メニューを作成

「メニュー名」に名前を入力と、「メニューの位置」から表示したい位置を選択し、「メニューを作成」ボタンをクリックします。

メニューを作成

3.項目の追加

「メニュー項目を追加」から表示したい項目を選択し、「メニューに追加」ボタンをクリックします。

項目の追加

4.各項目の操作

追加された項目はドラッグ操作で順番を入れ替えることができます。

各項目の操作

各項目は右側へ少しドラッグすることで副項目として設定できます。

副項目

項目の右側の矢印をクリックすると追加設定オプションを表示できます。
「ナビゲーションラベル」の設定では実際のページに表示されるラベル名を変更できます。

ナビゲーションラベル

5. 設定後、「メニューを保存」をクリック

設定後、画面右下の「メニューを保存」をクリックすると完了です。

「メニューを保存」をクリック

カスタマイザーから設定する

カスタマイザーからも同様に設定可能です。
カスタマイザーではライブプレビューで設定を行うことができます。

1.「メニュー」をクリック

カスタマイザーの「メニュー」をクリックします。

「メニュー」をクリック

2.メニューを作成

「メニューを新規作成」ボタンをクリックします。

メニューを新規作成

3.メニュー名と位置を設定

「メニュー名」の入力と、「メニューの位置」を選択し次へ移動します。

メニュー名と位置を設定

4.項目の追加

「項目を追加」ボタンをクリックし、表示したい項目を選択します。

項目の追加

5.「公開」をクリック

設定完了後、上部の「公開」をクリックすると完了です。

メニューの下部に説明を表示する

当テーマは説明の表示に対応しています。
説明を設定することで、以下のようにメニューの下部にテキストを表示できます。

説明を表示する

説明の設定方法

1.「メニュー」をクリック

WordPress管理画面のメニューより「外観」>「メニュー」をクリックして、メニューの設定画面を開きます。

「メニュー」をクリック

2.表示オプションから説明を選択

画面右上の「表示オプション」をクリックします。

「表示オプション」をクリック

「説明」にチェックを入れます。

「説明」にチェック

3.項目を選択し、説明を入力

項目の追加設定オプションに「説明」の入力欄が表示されるので、説明を入力します。

説明を入力

4.設定後、「メニューを保存」をクリック

設定後、画面右下の「メニューを保存」をクリックすると完了です。

「メニューを保存」をクリック