WordPressのナビゲーションメニューの使い方と設定

WordPressにはナビゲーションメニューが最初から搭載されています。グローバルナビとも言われますが、今回はこのナビゲーションメニュー部分の使い方を紹介しておきます。ここを上手に活用する事でページビューも変わってくるので結構重要な部分です。

私の場合はこのようにメニューバーを使っています。

メニューナビ-1

この部分には「投稿ページ」でも「固定ページ」でも他のサイトへのリンクも追加する事ができますし、色の変更や文字の大きさ、背景色など自由にカスタマイズもできます。

では早速使い方を解説しましょう。

スポンサーリンク

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

最初にWordPressの管理画面から「外観」⇒「メニュー」と進んで下さい。

メニューナビ-2

するとメニューの設定画面になります。初期状態だとこのようになっていると思います。

メニューナビ-3

まずは不要な「サンプルページ」というのを削除してみます。先ほどの画面で「サンプルページ」という項目の右端に小さな「▼」マークがあるのでこれをクリックするとさらにメニューが開きます。開いたら削除をクリック。

メニューナビ-4

これで不要なページが削除されましたがこのままだと反映されません。ここで一度画面の右の「メニューを作成」をクリックして下さい。

メニューナビ-10

するとメニュー設定という項目が開きますので、「メインメニュー」にチェックを入れて「メニューを保存」をクリック。これで反映されます。

メニューナビ-11

次に新しく項目を追加してみましょう。左側の項目に「固定ページ」「リンク」「カテゴリー」という項目があり、それぞれ小さな「▼」マークがあります。

メニューナビ-5

ここからメニューに追加するページを選ぶ事ができます。

  • 固定ページ:固定ページを追加する
  • リンク:特定のページ(投稿)へのリンクを追加する
  • カテゴリー:カテゴリーへのリンクを追加する

この3つから選ぶ事になります。今回は特定のページ(投稿ページ)へのリンクを例にやってみましょう。先ほどの「リンク」と言う項目の右の▼をクリックしてメニューを開きます。

メニューナビ-6

ここにリンク先のURLと表示する「リンクテキスト」を入力します。そして「メニューに追加」をクリックするとメニューに追加する事ができます。このやり方は「固定ページ」でも「カテゴリー」でも同じです。試しに「テスト」という記事をメニューに加えてみました。

メニューナビ-7

追加されたメニューの位置を変更したい場合はドラッグ&ドロップで並びを変更する事もできますし、追加したメニューをさらに編集したい場合は最初と同じように追加した「テスト」という項目の右の小さな「▼」をクリックして細かい修正をする事ができます。

メニューナビ-8

「ナビゲーションラベル」がメニューバーで表示するテキストで「タイトル属性」が説明文のような物です。さて、これが基本的な部分ですが、もう一つ重要な部分として、この追加したメニューに親子関係を決める事ができます。説明するよりも見てもらった方が早いでしょう。

追加したメニューをドラッグ&ドロップで右にずらすと「サブアイテム」と表示されます。

メニューナビ-9

これで「メニューを保存」をクリックすると「ホーム」というメニューの中にこの「テスト」というページが表示されるようになります。つまり「ホーム」という部分にカーソルを合わせるとサブメニューが開き、この「テスト」という項目が表示されます。

メニューナビ-12

と、このようになりますので、メニューを追加していき、必要があればサブアイテムとして追加する事もできます。以上がWordPressのナビゲーションメニューの設定の仕方です。

既にこのナビゲーションの設定している方はカスタマイズにも挑戦して下さい。
WordPressナビゲーションメニューのカスタマイズ

最終更新日:2017/12/27

WordPressのナビゲーションメニューの使い方と設定”に20件のコメントがあります。

コメントの反映には時間がかかる場合があります。

内容に問題なければ、下記の「コメントを送信する」ボタンを押してください。

  1. てつ

    お世話になります。
    リロードしたら、キチンと縦表示になりました。
    いつも初歩的な質問ばかりしてお手数をおかけしますが、これからも宜しくお願いします。
    本当にありがとうございました。

  2. しげぞう 投稿作成者

    てつ様

    返信ありがとうございます。ブログを表示させてリロード(再読み込み)はしてますか?サイトを開き「Ctrl」と「F5」を一緒に押してリロードして確認お願いします。それでも反映されない場合には再度コメント下さい。