グローバルナビ(ヘッダーメニュー・フッターメニュー)の設定方法 

この記事では、グローバルナビ(ヘッダーメニュー・フッターメニュー)の設定方法をご紹介します。

グローバルナビ(ヘッダーメニュー・フッターメニュー)とは?

「グローバルナビ」は、ユーザーに特に閲覧して欲しい重要コンテンツ・おすすめコンテンツをメニューとして表示したコンテンツです。

レストランで言えば、おすすめメニュー・店の看板メニューに該当します。

正式名称は「グローバルナビ」ですが、一般的には「ヘッダーメニュー・フッターメニュー・グロナビ」などの通称や略称で呼ばれることが多いです。

  • ページ上部に設置されたグロナビを:「ヘッダーメニュー」
  • ページ下部に設置されたグロナビを:「フッターメニュー」

と呼びます。

下記サンプル画像➀(➊赤枠内)は:ヘッダーメニュー

サンプル画像②(❷赤枠内)は:フッターメニュー

の設置事例をご紹介しています。

サンプル画像➀

サンプル画像②

(1)「外観」→「メニュー」の設定をする

Step1.「外観」→「メニュー」に進む

はじめに、「外観」→「メニュー」の順に進みます。

次に、下記画像中❷の新しいメニューを作成しましょうをクリックします。

「メニュー」の機能は、テーマの機能ではなく「WordPress本体の機能」です。

よって、WordPressのバージョンによって、表示位置・表記が異なる可能性があります。

Step2 「メニュー名」を入力する

次に、「メニュー名」を入力します。

下記画像の事例では、「ヘッダー用メニュー」と入力されています。

※メニュー名は、好みの名称で構いません。

「ヘッダーメニュー」「フッターメニュー」等、管理しやすい・分かりやすい名称にされることをおすすめします。

Step3.「メニュー設定」をする

次に、メニューの位置で、メニューを表示したい位置にチェックを入れて、「メニューを作成」をクリックします。

上記画像の事例では、ヘッダーメニューを作成しているため、グローバルナビ(ヘッダーエリア)」にチェックを入れています。

※1.フッターメニューを作成したい場合は、グローバルナビ(フッターエリア)にチェックを入れてください。

※2.両方にチェックを入れた場合、「ヘッダーメニュー」「フッターメニュー」共に、全く同じメニューが表示されます。

「このメニューに新しいトップレベルページを自動的に追加」にチェックを入れると、新規に作成した「固定ページ」が全て自動でグロナビに追加されます。

一般的に、チェックを付けないユーザーが多いと思います。

Step4.「グローバルナビ」に表示したいページを選択する

次に、「メニュー項目を追加」から、グローバルナビに表示させたいページにチェックを入れ、「メニューに追加を押してください。

  • 固定ページ
  • 投稿ページ
  • カスタムリンク
  • カテゴリー

の中からグローバルナビに表示させたいページを選択できます。

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

最後に、「メニューを保存」をクリックします。

これで、「外観」→「メニュー」での設定は完了です。

続いて、「外観」→「カスタマイズ」の設定を行います。

(2)「外観」→「カスタマイズ」の設定をする

Step1.「外観」→「カスタマイズ」→「共通ヘッダーエリア設定」/「共通フッターエリア設定」→「グローバルナビ設定」へ進む

はじめに、

  1. ヘッダーメニューを表示する場合は、「外観」→「カスタマイズ」→「共通ヘッダーエリア設定」→「グローバルナビ設定」へ進みます。
  2. フッターメニューを表示する場合は、「外観」→「カスタマイズ」→「共通フッターエリア設定」→「グローバルナビ設定」へ進みます。

Step2.「表示環境を選択」する

次に、「基本設定」→「表示環境を選択」で、「グルーバルナビ」を表示させたい環境を選択します。

以下の4つの項目から選択が可能です。

例えば、スマホ/PCで表示を選択すれば、スマホ・PCともに「グローバルナビ」が表示されます。

  • スマホ/PCで表示
  • スマホ/PCで非表示
  • スマホで非表示
  • PCで非表示
「トップページ設定」→「グローバルナビ設定」→「基本設定」→「表示環境を選択」で、非表示が選択されていると、トップページのヘッダーメニューが表示されません

Step3.「公開」を押す

最後に、「公開」を押してください。

これで設定完了です。

「グローバルナビ設定」の各メニューの使い方については、下記のページで詳しく解説していますので、ご確認ください。