この記事は、wordpressでナビゲーションメニューを作成、カスタマイズする方法を初心者向けに解説しています。

メニューに表示できるのはWordPressで作ったページだけでなく、投稿や他のサイトのページにもリンクすることができ、自由にカスタマイズできます。

ぜひ記事を見ながら一緒に試してみてください。

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

ナビゲーションメニューは各ページへリンクされているウェブサイトの目次のようなものです。

この目次で、ユーザーが求めている情報へ案内し、ユーザーを迷わせることなくわかりやすく誘導することで、サイトからの離脱を防ぐことにも繋がります。

ナビゲーションメニューを作成する

ナビゲーションメニューの作成・カスタマイズ方法

『 外観 』 → 『 メニュー 』 より作成・カスタマイズを行います。

ワンポイントアドバイス /

上記の画面からでも作成は可能ですが、①→②→③より「ライブビューで管理」より設定を行う方が、実際の公開ページを見ながら編集できるのでわかりやすいです。

今回は「ライブビューで管理」より解説していきます。

外観 → カスタマイズ → メニュー からも同じ画面に行けます。

作成・カスタマイズの流れ

メニューを新規作成
メニュー名をつける

①「メニュー名」に任意の名前をつけます
表示には関係しないので、ご自身が把握しやすい名前をつけます。

②表示させたい位置にチェックを入れます。
今回はヘッダーメニューにチェックを入れます。

③「次」をクリック

右側の項目の中から選択

ナビメニューに表示させたい項目を▼プルダウンから選択します。

ナビゲーションメニューに表示させることができる項目は

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

などです。

「追加」でナビメニューに追加する

固定ページ、カテゴリーなどから、選択して順に追加していきます。

マウス操作で、階層を分けることも可能です。

ナビメニューに表示され、階層もきちんと反映されています。

ヘッダーだけでなく、もちろんフッターにも同じナビメニューを設定できます。

フッターのナビメニューを別で作りたい時は、「作成・カスタマイズの流れ 」から、新たにフッター用メニューを作成し、「Footer Navigetion」にチェックを入れてください。

補足:カスタムリンクについ#link

カスタムリンクは、他のサイトなどリンクさせたいURLを直接入力し、そのページへ誘導することができます。

リンク文字列に入力した文字は、ナビメニューにそのまま反映されます。

まとめ

WordPressのナビゲーションメニューを作成・カスタマイズする方法をご紹介いたしました。

ナビゲージョンメニューの構成はサイト制作の中でもとても重要なものです。

初心者の方でも簡単にカスタマイズできるので、是非参考にして操作してみてください。

投稿者プロフィール

志水泉
志水泉
2018年より始めた事業のホームページを自作し運用していくなかで、ホームページ制作の楽しさをしり、独学から本格的にWebを学ぶ。
2020年より、自分の周りのWebが苦手な人たちを助けたいという思いからWeb制作を中心にフリーで活動。
2022年より株式会社ウェブロードに所属し、制作・デザインの知識をさらに深めながら、初心者でもわかりやすいWordPressの操作方法などを発信中。

お問い合わせフォームはこちら

(※営業電話が多いため、お電話は留守電にしています。お急ぎの方は下記メールフォームをお使いください。)

お見積りのご依頼・打ち合わせはZOOM/GoogleMeet/お電話等、オンラインでも対応可能です。全国からお問い合わせを受付けています。
2営業日を過ぎても弊社からの連絡がない場合はメールが届いていませんので、大変お手数をお掛けしますが、下記メールアドレスにご連絡ください。

    お問い合わせの前に下記、ご確認をお願いいたします。

    必須お問い合わせ項目

    必須お名前

    必須フリガナ

    必須メールアドレス

    必須貴社名

    任意貴社サイトURL

    任意電話番号(ハイフン無し・半角数字)

    必須制作費のご予算はどれくらいですか?

    企画・設計、デザイン、画像・文章の作成、サイト内検索システムの導入等、
    ヒアリングを元にご予算やご希望に応じたお見積りをご提案させて頂きます。
    弊社制作費の費用感につきましてはこちらの記事をご参照ください。

    必須制作目的はどうお考えですか?(複数選択可)

    どこに力を抜きどこに力を入れるのか、
    ご予算とご要望の中から最適なご提案をさせていただきます。

    必須どのような機能が必要ですか?(複数選択可)

    SSL(https://~)対応、ブログ機能、スマホ対応(レスポンシブ)、
    ログイン等セキュリティ対策、ページタグSEOの最適化は標準搭載。

    必須どのような作り方がご希望でしょうか?(複数選択可)

    WordPressでの構築になりますので、お客様のご要望に比較的柔軟にお応えすることが可能です。
    企画ご提案する前に参考にさせていただく項目です。

    必須お問い合わせ内容を教えてください