グローバルナビゲーションメニューの設定方法

ワードプレスのメニューとは

ワードプレスでメニューと一言で言うような場合は、たいていは下のようなヘッダー下あたりに設置するグローバルナビゲーションメニューのことを指すことが多いです。

グローバルナビゲーションメニュー

略してグローバルナビともよく言われますが、このメニュー設置方法についてご紹介します。

グローバルナビゲーション用のメニューを作成し表示設定する

まずはグローバルナビとして表示するためのメニューを作成します。

WordPress内ダッシュボード>>外観>>メニューをクリックします。

グローバルナビゲーションメニュー

メニュー設定の画面で新規メニューを作成をクリックします。

グローバルナビゲーションメニュー

名称を入力しメニューを作成ボタン をクリックして新規メニューを作成します。アルファベットでも、日本語でも大丈夫です。

グローバルナビゲーションメニュー

この名前はワードプレスのサイト表面上には特に現れないので、自分が管理しやすくて後でメニュー管理画面を見た時にぱっとグローバルナビ用のメニューだとわかるような名前にするといいです。

そして、このメニューで表示する構成内容を設定します。

グローバルナビゲーションメニュー

当サイトのように固定ページから選んで設定したり、カテゴリーから選んで設定することが多いと思いますが、固定ページが新規で作られた際に自動で追加する機能はありますが、カテゴリーは自動で追加されることが無いので運用していく上で注意しましょう。

肝心のグランドメニュー位置へこのメニュー内容を表示するための設定方法は、少し下のほうにあるメニュー設定内のメニューの位置のヘッダーナビにチェックを入れるだけです。

ただし、使っているテーマのデザインがこのグランドメニューの表示に対応していない場合は、残念ながら設定する(グランドメニューを表示する)ことはできませんので、この点はあらかじめチェックしておきましょう。

当サイトで使っているSimplisity2の場合はヘッダーナビという表現になっていますが、ここの表現はテーマによって異なるのでテーマの仕様に沿って設定しましょう。

ちなみに、よく見かけるサイトのトップページへ誘導するためのホームというようなメニュー項目はカスタムリンクで作成できます。

グローバルナビゲーションメニュー

メニュー項目をクリックした時に移動するURLとそのメニュー項目の名前をつけてメニューに追加ボタンをクリックして追加しましょう。

メニュー構造に表示したい内容を設定し終わったら右下にあるメニューを保存ボタンをクリックして設定が完了です。

メニューをプルダウンで表示する方法

メニュー構成の並び替えは追加されている各項目をドラッグ&ドロップすることで可能です。

更に、ドラッグ&ドロップを行う際に少し右のほうへドロップすることで、特定のメニュー項目の下層にプルダウンで他のメニュー項目を表示させることが可能になります。

グローバルナビゲーションメニュー

下記のような状態になればメニューがプルダウン表示されます。

グローバルナビゲーションメニュー

この例ではホームにマウスオーバーすると、すぐ下に運営者問合せのメニュ項目が表示されるようになります。(ホームそのものもメニュー項目としてクリック可能な状態です。)

例えば、親カテゴリーに子カテゴリーを設けているような場合などには、訪問者にとってサイト構成がわかりやすくなるかもしれません。

ジー・アウトフィッターのメルマガ

メールアドレスと名前をご登録ください【無料】

お名前(必須)  
メールアドレス(必須)

ジー・アウトフィッター代表 吉川ごうが
アフィリエイト・ネットビジネスの最新情報をお届けします!

※プロバイダーアドレスでは、メールが受け取れない場合がございますので、
Yahoo、Gmail、Hotmailなどのメールアドレスでの登録をお薦めいたします。

関連記事

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

新着記事

  1. 2018-2-27

    WordPress SSL化対応の手順

    Wordpressで構築してきたサイトをSSL化する手順についてご紹介します。 サイト…
  2. 【無料商材】ネットビジネスフルパッケージ

    2018-1-22

    【無料】ネットビジネスフルパッケージ

    月に5万円が稼げない方へ ごうです。 久しぶりに、自社商材をリリースしました、 【無料】ネットビ…
  3. グローバルナビゲーションメニューアイコン表示

    2017-1-23

    グローバルナビゲーションメニューにアイコンを表示する方法

    グローバルナビゲーションメニューの役割 サイトにとって、グローバルナビゲーションメニューとは訪…
  4. グローバルナビゲーションメニュー

    2017-1-17

    グローバルナビゲーションメニューの設定方法

    ワードプレスのメニューとは ワードプレスでメニューと一言で言うような場合は、たいていは下のよう…
  5. ワードプレス記事投稿方法

    2017-1-8

    ワードプレスの記事を投稿する方法

    ワードプレスの記事とは WordPressで作るサイトとは、記事を投稿し続けていくブログ型のサ…
ページ上部へ戻る