ワードプレスで作ったサイト(ブログ)にメニューを設置する手順を解説しています。
![メニューの例](https://buildingblock.jp/blog/wp-content/uploads/2020/10/menu-1024x592.png)
![うちやま](https://buildingblock.jp/blog/wp-content/uploads/2020/09/uchiyama-gundam-150x150.jpg)
こういうのを作る方法です。
![ザク](https://buildingblock.jp/blog/wp-content/uploads/2020/09/zaku-150x150.jpg)
めちゃ簡単なので、以下の作業方法をそのまま真似して進めてみてね。
ワードプレスでのメニューの作り方
![必要なページ](https://buildingblock.jp/blog/wp-content/uploads/2020/10/1-7.png)
あらかじめメニューに設置すべき必要なページを作成しておきましょう。
メニューに何を用意するか?は人それぞれですが基本的な項目としては「問合せ」「運営者情報」「プライバシーポリシー」などが多いです。
![うちやま](https://buildingblock.jp/blog/wp-content/uploads/2020/09/uchiyama-gundam-150x150.jpg)
本記事ではメニューに設置すべきページが既に用意できていると仮定して進めてきます。
![メニュー](https://buildingblock.jp/blog/wp-content/uploads/2020/10/2-7.png)
ダッシュボードより 外観>メニュー をクリック
![新しいメニューを作成しましょう](https://buildingblock.jp/blog/wp-content/uploads/2020/10/3-6.png)
「新しいメニューを作成しましょう」をクリック。
![グローバルメニュー](https://buildingblock.jp/blog/wp-content/uploads/2020/10/4-6.png)
今回はグローバルメニュー(ヘッダー領域のメニュー)を作るので「グローバルメニュー」と記述しましたが、ご自身でわかりやすいメニュー名を記述していただければOKです。
記述したら「メニューを作成」をクリック。
![カスタムリンク](https://buildingblock.jp/blog/wp-content/uploads/2020/10/5-6.png)
任意の記事をメニューに用意する場合、「カスタムリンク」からメニュー項目を設定します。
記入例参考
URL | 任意のURLを記入 |
リンク文字列 | メニューに表記させたい名称を記入します(HOME、TOP等) |
![削除](https://buildingblock.jp/blog/wp-content/uploads/2020/10/6-4.png)
なお、余分なメニューを設置してしまったときは「削除」をクリックすればOKです。
![メニューに追加](https://buildingblock.jp/blog/wp-content/uploads/2020/10/7-6.png)
メニュー項目からグローバルメニューに設定したいメニューにチェックを入れて「メニューに追加」をクリック。
![メニューに追加された図](https://buildingblock.jp/blog/wp-content/uploads/2020/10/8-5.png)
メニューに追加されます。
グローバルメニューに絶対のルールはありませんが、「TOPページ」「各カテゴリTOPのページ」「お問合せ」などへ繋げるページを用意することが多いです。
なお、自分のサイト(ブログ)としての個性を出したい方は「独自のページ」や「メルマガ申し込みページ」などをグローバルメニューに設置することもあります。
WordPressでドロップダウンメニュー表示にさせる場合
![設置エリアを1段下げた図](https://buildingblock.jp/blog/wp-content/uploads/2020/10/9-6.png)
設置エリアを1段下げると実際のメニューではドロップダウンでの表示になります。
![完成イメージ](https://buildingblock.jp/blog/wp-content/uploads/2020/10/9.a-1024x649.png)
情報カテゴリーが細かく区分けされているときはドロップダウン形式でまとめると便利です。
では、話戻します。
メニュー項目を選んだら「メニュー設定」よりサイトのどの箇所にメニューを設定するか?を選定します。
![ヘッダーメニュー](https://buildingblock.jp/blog/wp-content/uploads/2020/10/10-6.png)
グローバルメニューの場合「ヘッダーメニュー」にチェックを入れ、「メニューを保存」をクリック。
[PC画面]
![グローバルメニューの設置例](https://buildingblock.jp/blog/wp-content/uploads/2020/10/10.a-1024x677.png)
[スマホ画面]
![メニューボタン](https://buildingblock.jp/blog/wp-content/uploads/2020/10/10.b-576x1024.png)
スマホで見た時は「メニュー」という項目が表示されるので、
![スマホ版のメニュー](https://buildingblock.jp/blog/wp-content/uploads/2020/10/10.c-576x1024.png)
タップすればメニューが表示されます。
なお、クリックせずともスマホでもメニューを表示させたい場合、
![ヘッダーモバイルメニュー](https://buildingblock.jp/blog/wp-content/uploads/2020/10/11-5.png)
「ヘッダーモバイルメニュー」にチェックを入れておきましょう。
![モバイルメニューの例](https://buildingblock.jp/blog/wp-content/uploads/2020/10/11.a-576x1024.png)
作業としては以上で終了になります。
もっとメニューをカスタマイズして個性を出したい!という場合は以下をご参照ください。
【次回予告】
コクーンのメニューをカスタマイズする方法
WordPressの外観で作ったメニューが表示されない場合
![設定し忘れの例](https://buildingblock.jp/blog/wp-content/uploads/2020/10/10.d.png)
メニューは作成したけど作成しただけで設置の設定を行っていない、という可能性が高いので改めてメニュー箇所を確認しましょう。
![うちやま](https://buildingblock.jp/blog/wp-content/uploads/2020/09/uchiyama-gundam-150x150.jpg)
僕自身もそうですが、保存ボタンのクリックし忘れってたまにあります。汗
メニューを用意する箇所
- グローバルメニュー(ヘッダーメニュー)
- フッターメニュー
- サイドバー
メニューを設置する場合の該当箇所です。
全て用意しても良いですし、どれかだけ設置でも構いません。
(Web上の絶対的なルールがあるわけじゃないです。)
あくまで読み手目線で考えた上で「この箇所にメニューがあったら読み手からしたら便利だろうな」と思える箇所に用意しましょう。
悩むようなら基本的にはヘッダーメニュー(グローバルメニュー)とフッターメニューを用意しておけばOKです。
まとめ
メニューの設置は必須ではありませんが、有った方がユーザーからすれば使いやすくなるため親切な機能と言えます。
特に記事数が多くなってきたサイトはメニューを設けた方が細かな記事へ遷移しやすいため、中長期的にサイト運用を検討しているのであればメニューは必ず用意しておきましょう。