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

  • このエントリーをはてなブックマークに追加
  • follow us in feedly

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  • このエントリーをはてなブックマークに追加
  • follow us in feedly

関連記事

コメント

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

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

新着記事

  1. グローバルナビゲーションメニューアイコン表示

    2017-1-23

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

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

    2017-1-17

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

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

    2017-1-8

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

    ワードプレスの記事とは WordPressで作るサイトとは、記事を投稿し続けていくブログ型のサ…
  4. ジー・アウトフィッター

    2016-12-27

    アフィリエイトのノウハウ・手法・作業内容を知れば稼げるか?

    アフィリエイトのノウハウや手法、具体的な作業内容って知りたいですよね? 先に書いておきますが、…
  5. ミニバード

    2016-12-18

    ミニバードでワードプレスを使う手順

    ミニバードとは ミニバードとは、ネットオウルという会社が運営しているレンタルサーバーのことで、…
ページ上部へ戻る