この記事は、wordpressでナビゲーションメニューを作成、カスタマイズする方法を初心者向けに解説しています。
メニューに表示できるのはWordPressで作ったページだけでなく、投稿や他のサイトのページにもリンクすることができ、自由にカスタマイズできます。
ぜひ記事を見ながら一緒に試してみてください。
ナビゲーションメニューとは
![](https://www.webroad.co.jp/wp/wp-content/uploads/2022/06/x0630-1-1.webp.pagespeed.ic.KKqElDg2bq.webp)
ナビゲーションメニューは各ページへリンクされているウェブサイトの目次のようなものです。
この目次で、ユーザーが求めている情報へ案内し、ユーザーを迷わせることなくわかりやすく誘導することで、サイトからの離脱を防ぐことにも繋がります。
ナビゲーションメニューを作成する
ナビゲーションメニューの作成・カスタマイズ方法
『 外観 』 → 『 メニュー 』 より作成・カスタマイズを行います。
![](https://www.webroad.co.jp/wp/wp-content/uploads/2022/06/0630-2-1.webp)
\ ワンポイントアドバイス /
上記の画面からでも作成は可能ですが、①→②→③より「ライブビューで管理」より設定を行う方が、実際の公開ページを見ながら編集できるのでわかりやすいです。
今回は「ライブビューで管理」より解説していきます。
![](https://www.webroad.co.jp/wp/wp-content/uploads/2022/06/0630-3.jpg)
作成・カスタマイズの流れ
![](https://www.webroad.co.jp/wp/wp-content/uploads/2022/06/0630-4-1.webp)
メニューを新規作成
![](https://www.webroad.co.jp/wp/wp-content/uploads/2022/06/0630-5.webp)
メニュー名をつける
①「メニュー名」に任意の名前をつけます
表示には関係しないので、ご自身が把握しやすい名前をつけます。
②表示させたい位置にチェックを入れます。
今回はヘッダーメニューにチェックを入れます。
③「次」をクリック
![](https://www.webroad.co.jp/wp/wp-content/uploads/2022/06/0630-6.webp)
右側の項目の中から選択
ナビメニューに表示させたい項目を▼プルダウンから選択します。
ナビゲーションメニューに表示させることができる項目は
- 固定ページ
- カスタムリンク
- 投稿
- カテゴリー
- タグ
などです。
![](https://www.webroad.co.jp/wp/wp-content/uploads/2022/06/0630-7.webp)
「追加」でナビメニューに追加する
固定ページ、カテゴリーなどから、選択して順に追加していきます。
![](https://www.webroad.co.jp/wp/wp-content/uploads/2022/06/0630-9.webp)
マウス操作で、階層を分けることも可能です。
ナビメニューに表示され、階層もきちんと反映されています。
![](https://www.webroad.co.jp/wp/wp-content/uploads/2022/06/0630-11.webp)
フッターメニュー
ヘッダーだけでなく、もちろんフッターにも同じナビメニューを設定できます。
フッターのナビメニューを別で作りたい時は、「作成・カスタマイズの流れ 」から、新たにフッター用メニューを作成し、「Footer Navigetion」にチェックを入れてください。
![](https://www.webroad.co.jp/wp/wp-content/uploads/2022/06/0630-12.webp)
補足:カスタムリンクについ#linkて
![](https://www.webroad.co.jp/wp/wp-content/uploads/2022/06/0630-10.webp)
カスタムリンクは、他のサイトなどリンクさせたいURLを直接入力し、そのページへ誘導することができます。
リンク文字列に入力した文字は、ナビメニューにそのまま反映されます。
まとめ
WordPressのナビゲーションメニューを作成・カスタマイズする方法をご紹介いたしました。
ナビゲージョンメニューの構成はサイト制作の中でもとても重要なものです。
初心者の方でも簡単にカスタマイズできるので、是非参考にして操作してみてください。
投稿者プロフィール
![志水泉](https://www.webroad.co.jp/wp/wp-content/uploads/2023/04/IMG_0882.png.pagespeed.ce.Vnnk0a-Q-n.png)
-
2018年より始めた事業のホームページを自作し運用していくなかで、ホームページ制作の楽しさをしり、独学から本格的にWebを学ぶ。
2020年より、自分の周りのWebが苦手な人たちを助けたいという思いからWeb制作を中心にフリーで活動。
2022年より株式会社ウェブロードに入社し、制作・デザインの知識をさらに深めながら、初心者でもわかりやすいWordPressの操作方法などを発信中。
最新の投稿
お問合せフォームはこちら
(※営業電話が多いため留守電にしています。お急ぎの方は下記メールフォームをお使いください。)
お見積りのご依頼・打ち合わせはZOOM/GoogleMeet/お電話等、オンラインでも対応可能です。全国からお問い合わせを受付けています。 2営業日を過ぎても弊社からの連絡がない場合はメールが届いていませんので、大変お手数をお掛けしますが、下記メールアドレスにご連絡ください。