WordPressメニューの作り方完全ガイド｜表示されない原因から設定・編集・カスタマイズまで解説
はじめに
WordPressメニューは、サイト訪問者を目的のページへ案内するための重要なナビゲーションです。トップページ、サービス紹介、ブログカテゴリー、お問い合わせ、会社概要などをわかりやすく配置することで、ユーザーは迷わずサイト内を移動できます。
一方で、ワードプレス メニューの設定は、使用しているテーマによって操作画面が異なります。クラシックテーマでは「外観」→「メニュー」から設定するのが基本ですが、ブロックテーマでは「外観」→「エディター」やナビゲーションブロックを使って編集します。WordPress公式ドキュメントでも、従来のメニュー画面はカスタムメニューを作成する場所、ナビゲーションブロックはサイトのメニュー構造とデザインを編集するブロックとして説明されています。
この記事では、WordPressメニューの作り方から編集、表示されない原因、カスタマイズ、SEOを意識した設計のコツまで、初心者にもわかりやすく解説します。
1. WordPressメニューとは？役割と種類を初心者向けに解説
WordPressメニューとは、サイト内の主要ページやカテゴリーへのリンクをまとめた案内エリアです。一般的にはサイト上部のヘッダー、ページ下部のフッター、サイドバー、スマホ用メニューなどに表示されます。
メニューが整っているサイトは、ユーザーが「次にどこを見ればよいか」を判断しやすくなります。反対に、メニューがわかりにくいと、せっかくアクセスしたユーザーが目的の情報にたどり着けず、離脱してしまう可能性があります。
1-1. WordPressメニューはサイト内の主要ページへ案内するナビゲーション
WordPressメニューの主な役割は、訪問者を重要なページへ案内することです。たとえば企業サイトであれば「サービス」「料金」「導入事例」「会社概要」「お問い合わせ」、ブログであれば「カテゴリー」「プロフィール」「人気記事」「お問い合わせ」などがよく使われます。
検索エンジンから記事に直接アクセスしたユーザーも、メニューを見ればサイト全体の内容を把握しやすくなります。そのため、メニューは単なるリンク一覧ではなく、サイト全体の案内板と考えるとよいでしょう。
1-2. グローバルメニュー・ヘッダーメニュー・フッターメニューの違い
グローバルメニューは、サイト全体に共通して表示される主要なナビゲーションです。多くの場合、ヘッダー部分に表示されるため、ヘッダーメニューとほぼ同じ意味で使われることもあります。
フッターメニューは、ページ最下部に表示されるメニューです。プライバシーポリシー、利用規約、運営者情報、サイトマップなど、補足的なページを配置するのに向いています。
つまり、ヘッダーにはユーザーがよく使う重要なページ、フッターには補足情報や法的ページを配置するのが基本です。
1-3. 固定ページ・投稿・カテゴリー・カスタムリンクをメニューに追加できる
WordPressメニューには、固定ページ、投稿、カテゴリー、カスタムリンクなどを追加できます。
固定ページは「会社概要」「お問い合わせ」「サービス紹介」のような独立したページに向いています。カテゴリーは、ブログ記事を分類して一覧表示したい場合に便利です。カスタムリンクを使えば、外部サイト、SNS、予約フォーム、別ドメインのページなど、任意のURLもメニューに追加できます。
1-4. メニューの表示場所やデザインは使用テーマによって変わる
WordPressメニューの表示場所やデザインは、使用しているテーマによって異なります。あるテーマでは「ヘッダーメニュー」「フッターメニュー」「モバイルメニュー」など複数の表示位置が用意されていますが、別のテーマではヘッダーのみの場合もあります。
また、文字サイズ、背景色、余白、ドロップダウンの見た目、スマホ表示時のハンバーガーメニューなどもテーマに依存します。同じメニュー設定をしても、テーマを変更すると見え方が大きく変わることがあります。
1-5. クラシックテーマとブロックテーマでメニュー設定方法が異なる
WordPressでは、クラシックテーマとブロックテーマでメニューの設定方法が異なります。
クラシックテーマでは、主に「外観」→「メニュー」から作成・編集します。一方、ブロックテーマでは「外観」→「エディター」からサイトエディターを開き、ナビゲーションブロックを使ってメニューを編集します。公式ドキュメントでも、ブロックテーマではナビゲーションブロックを使ってメニューを作成・編集する流れが案内されています。
そのため、「外観」→「メニュー」が見つからない場合でも、WordPressの不具合とは限りません。ブロックテーマを使用している場合は、エディター側を確認しましょう。
2. WordPressメニューを作る前に準備しておくこと
WordPressメニューを作る前に、どのページを載せるかを整理しておくと設定がスムーズです。思いつきでメニュー項目を増やすと、ユーザーにとってわかりにくい構成になりやすいため注意しましょう。
メニューはサイトの第一印象にも関わるため、事前準備が重要です。
2-1. メニューに載せるページやカテゴリーを先に作成する
メニューに追加したい固定ページやカテゴリーは、先に作成しておくのがおすすめです。
たとえば「お問い合わせ」をメニューに表示したい場合は、先にお問い合わせページを作成して公開しておきます。「ブログ」「お知らせ」「ノウハウ」などのカテゴリーを載せたい場合も、カテゴリーを作成してからメニュー設定に進むと迷いません。
未作成のページをメニューに入れたい場合は、いったんカスタムリンクで仮URLを設定することもできますが、公開前に必ずリンク先を確認しましょう。
2-2. サイト訪問者が迷わないメニュー項目を決める
メニュー項目は、運営者が見せたいページではなく、訪問者が探したいページを基準に決めることが大切です。
たとえば、初めて訪れたユーザーは「このサイトは何のサイトか」「どんなサービスがあるか」「料金はいくらか」「問い合わせできるか」を知りたいと考えます。ブログであれば「どんなジャンルの記事があるか」「運営者は誰か」「おすすめ記事はどれか」が気になるでしょう。
ユーザーの行動を想像して、必要な項目だけを選びましょう。
2-3. 企業サイト・ブログ・ECサイト別のおすすめメニュー構成
企業サイトでは、「ホーム」「サービス」「料金」「実績」「会社概要」「お知らせ」「お問い合わせ」などが基本です。信頼性を伝えたい場合は「導入事例」「お客様の声」「よくある質問」も有効です。
ブログでは、「ホーム」「カテゴリー」「プロフィール」「人気記事」「お問い合わせ」などが使いやすい構成です。カテゴリーを並べる場合は、読者が関心を持ちやすいテーマを優先しましょう。
ECサイトでは、「商品一覧」「カテゴリー」「利用ガイド」「送料・配送」「よくある質問」「お問い合わせ」「カート」などが候補になります。購入までの導線を短くすることが大切です。
2-4. スマホ表示を考えて項目数を絞る
現在はスマホでサイトを見るユーザーが多いため、メニュー項目を増やしすぎないことが重要です。パソコンでは横並びで見やすくても、スマホでは折り返しや詰まりが発生し、見づらくなる場合があります。
ヘッダーメニューは5〜7項目程度を目安にし、細かいページはフッター、サイドバー、記事内リンク、パンくずリストなどに分けるとよいでしょう。
2-5. メニュー名は短くわかりやすい言葉にする
メニュー名は、短く直感的に理解できる言葉にしましょう。
「弊社が提供するサービス一覧」よりも「サービス」、「当サイトの運営者について」よりも「プロフィール」のように、ひと目で意味が伝わる表現が適しています。
また、英語表記を使う場合は読者層に合わせることが大切です。一般向けサイトでは「Contact」より「お問い合わせ」のほうが伝わりやすい場合があります。
3. WordPressメニューの作り方｜外観メニューから設定する基本手順
クラシックテーマを使用している場合、WordPressメニューは管理画面の「外観」→「メニュー」から作成できます。ここでは、固定ページ、投稿、カテゴリー、カスタムリンクを追加し、表示位置を設定する基本手順を解説します。
3-1. 管理画面から「外観」→「メニュー」を開く
まずWordPress管理画面にログインし、左側メニューから「外観」→「メニュー」をクリックします。
「メニュー」画面では、新しいメニューの作成、既存メニューの編集、メニュー項目の追加、表示位置の選択などができます。公式ドキュメントでも、クラシックテーマのメニュー作成はダッシュボードの「外観」から「メニュー」を選択する流れで案内されています。
もし「外観」内に「メニュー」が表示されない場合は、ブロックテーマを使用している可能性があります。その場合は、後述する「外観」→「エディター」から設定します。
3-2. 新しいメニューを作成して名前を付ける
「メニュー」画面を開いたら、「新しいメニューを作成しましょう」または「新しいメニューを作成」をクリックします。
メニュー名には、管理しやすい名前を付けます。たとえば「ヘッダーメニュー」「フッターメニュー」「スマホ用メニュー」などです。この名前は管理画面上で識別するためのもので、基本的にはサイト上に表示されるメニュー名ではありません。
名前を入力したら「メニューを作成」をクリックします。
3-3. 固定ページをメニューに追加する方法
固定ページを追加するには、左側の「固定ページ」パネルを開きます。「最近」「すべて表示」「検索」などのタブから追加したいページを選び、チェックを入れて「メニューに追加」をクリックします。
追加されたページは、右側のメニュー構造に表示されます。ここで順番を並び替えたり、表示名を変更したりできます。
「ホーム」「会社概要」「お問い合わせ」など、常に見てもらいたいページは固定ページとしてメニューに追加するのが一般的です。
3-4. 投稿ページをメニューに追加する方法
特定の投稿記事をメニューに追加したい場合は、「投稿」パネルを開きます。表示されていない場合は、画面右上の「表示オプション」を開き、「投稿」にチェックを入れると表示されることがあります。
投稿を選択して「メニューに追加」をクリックすれば、個別記事へのリンクをメニューに設置できます。
ただし、通常のブログ記事をメニューに並べすぎると管理が煩雑になります。特に読ませたい代表記事や、ランディングページとして使う記事だけを選ぶとよいでしょう。
3-5. カテゴリーをメニューに追加する方法
カテゴリーをメニューに追加すると、そのカテゴリーに属する記事一覧ページへリンクできます。
「カテゴリー」パネルを開き、追加したいカテゴリーにチェックを入れて「メニューに追加」をクリックします。たとえば「WordPress」「SEO」「ブログ運営」などのカテゴリーをメニューに入れると、読者は関心のあるテーマの記事を探しやすくなります。
ブログ型サイトでは、固定ページよりもカテゴリーをメニューに入れたほうが回遊率を高めやすい場合があります。
3-6. 外部サイトや任意URLをカスタムリンクで追加する方法
外部サイトや任意のURLを追加したい場合は、「カスタムリンク」を使います。
「URL」にリンク先を入力し、「リンク文字列」にメニュー上で表示したい名前を入力します。たとえば、URLにSNSのプロフィールページ、リンク文字列に「Instagram」や「X」と入力すれば、SNSへのリンクをメニューに追加できます。
同じサイト内でも、特定のアンカーリンクやキャンペーンページなどを直接指定したい場合に便利です。
3-7. メニューの表示位置を選択して保存する
メニュー項目を追加したら、表示位置を選択します。テーマによって名称は異なりますが、「グローバルメニュー」「ヘッダーメニュー」「フッターメニュー」「モバイルメニュー」などが表示されます。
表示したい位置にチェックを入れたら、必ず「メニューを保存」をクリックします。表示位置を選ばないと、メニューを作成してもサイト上に表示されない場合があります。
3-8. 実際のサイト画面で表示を確認する
メニューを保存したら、実際のサイトを開いて表示を確認します。パソコンだけでなく、スマホ表示も必ずチェックしましょう。
確認するポイントは、メニューが表示されているか、リンク先が正しいか、表示順が意図どおりか、文字が長すぎないか、スマホでタップしやすいかです。ブラウザのキャッシュやプラグインの影響で反映が遅れることもあるため、変更後はページを再読み込みして確認しましょう。
4. WordPressメニューの編集方法｜追加・削除・並び替え・階層化
WordPressメニューは、一度作成したあとでも自由に編集できます。ページを追加したり、不要な項目を削除したり、順番を変更したりすることで、サイトの成長に合わせて最適化できます。
4-1. メニュー項目を後から追加する方法
メニュー項目を後から追加する場合は、「外観」→「メニュー」を開き、編集したいメニューを選択します。
左側の固定ページ、投稿、カテゴリー、カスタムリンクから追加したい項目を選び、「メニューに追加」をクリックします。追加後は右側のメニュー構造に表示されるため、必要に応じて位置を調整し、「メニューを保存」をクリックします。
新しいサービスページやカテゴリーを作成したときは、メニューへの追加を忘れないようにしましょう。
4-2. 不要なメニュー項目を削除する方法
不要なメニュー項目を削除するには、右側のメニュー構造で該当項目をクリックして開き、「削除」をクリックします。
ここで削除されるのはメニュー上のリンクだけです。固定ページや投稿そのものが削除されるわけではないため、安心して操作できます。
使われなくなったキャンペーンページや古いカテゴリーがメニューに残っていると、ユーザーを混乱させる原因になります。定期的に見直しましょう。
4-3. ドラッグ＆ドロップで表示順を並び替える方法
メニュー項目の順番は、ドラッグ＆ドロップで変更できます。右側のメニュー構造で項目をつかみ、表示したい位置に移動するだけです。
一般的には、左から重要度の高い順に並べます。「ホーム」「サービス」「料金」「実績」「会社概要」「お問い合わせ」のように、ユーザーの検討順に合わせると自然です。
並び替えたら、必ず「メニューを保存」をクリックしましょう。
4-4. メニュー名だけを変更してリンク先はそのままにする方法
メニューに表示される名前だけを変更したい場合は、該当するメニュー項目を開き、「ナビゲーションラベル」を編集します。
たとえば、固定ページのタイトルが「当社のサービスについて」でも、メニュー上では「サービス」と短く表示できます。リンク先はそのままなので、ページタイトルを変更せずにメニューだけ見やすくしたい場合に便利です。
4-5. 親メニュー・子メニューを作ってドロップダウン表示にする方法
メニュー項目を少し右にずらして配置すると、親メニューの下に子メニューを作れます。これにより、ドロップダウンメニューとして表示されることがあります。
たとえば「サービス」を親メニューにし、その下に「Web制作」「SEO対策」「広告運用」を子メニューとして配置できます。
ただし、ドロップダウン表示に対応しているかどうかはテーマによって異なります。スマホでは開きにくい場合もあるため、階層を深くしすぎないことが大切です。
4-6. 「新しいタブで開く」を設定する方法
外部サイトへのリンクは、新しいタブで開く設定にするとユーザーが元のサイトに戻りやすくなります。
「外観」→「メニュー」画面の右上にある「表示オプション」を開き、「リンクターゲット」にチェックを入れます。すると、各メニュー項目の設定欄に「リンクを新しいタブで開く」が表示されます。
外部サイト、SNS、予約システムなどへリンクする場合に活用しましょう。
4-7. メニュー項目に説明文やCSSクラスを追加する方法
「表示オプション」では、説明文やCSSクラスの入力欄を表示できる場合があります。
説明文を使うと、メニュー項目の下に補足テキストを表示できるテーマもあります。CSSクラスを追加すれば、特定のメニュー項目だけ色を変えたり、ボタン風にしたりすることができます。
たとえば「お問い合わせ」だけ目立たせたい場合、CSSクラスに「menu-contact」などを設定し、追加CSSでデザインを調整します。
5. ブロックテーマでWordPressメニューを設定する方法
ブロックテーマでは、従来の「外観」→「メニュー」ではなく、サイトエディターとナビゲーションブロックを使ってメニューを編集します。
WordPressのブロックテーマは、ヘッダーやフッターなどサイト全体のパーツをブロックで編集できる仕組みです。そのため、メニューもナビゲーションブロックとして扱います。
5-1. 「外観」→「エディター」からナビゲーションを編集する
ブロックテーマを使用している場合は、管理画面から「外観」→「エディター」を開きます。サイトエディターが表示されたら、ヘッダー部分やナビゲーションエリアを選択して編集します。
WordPress公式ドキュメントでは、「外観」→「エディター」→「ナビゲーション」からメニュー一覧にアクセスし、個別メニューの名前変更、複製、削除などを行えると案内されています。
クラシックテーマのメニュー画面に慣れていると最初は戸惑いますが、ブロックテーマでは画面を見ながら直接編集できるのが特徴です。
5-2. ナビゲーションブロックでメニュー項目を追加する
ナビゲーションブロックを選択すると、メニュー項目を追加できます。ページリンク、カスタムリンク、カテゴリーリンク、サブメニューなどをブロックとして配置できます。
新しい項目を追加する場合は、ナビゲーションブロック内の追加ボタンをクリックし、リンク先を検索またはURLで指定します。
ナビゲーションブロックは、サイトのメニュー構造だけでなく、配置や見た目も編集できる高度なブロックです。公式ドキュメントでも、WordPress 5.9以降の機能として、サイトのナビゲーションメニューの構造とデザインを編集できるブロックと説明されています。
5-3. ヘッダー・フッターのテンプレートパーツにメニューを配置する
ブロックテーマでは、ヘッダーやフッターがテンプレートパーツとして管理されます。メニューを表示したい場合は、該当するテンプレートパーツにナビゲーションブロックを配置します。
たとえば、ヘッダーにグローバルメニューを表示したい場合は、ヘッダーテンプレートパーツを開き、ロゴやサイトタイトルの横にナビゲーションブロックを配置します。フッターに補助メニューを表示したい場合は、フッターテンプレートパーツに別のナビゲーションブロックを設置します。
5-4. 既存メニューをナビゲーションブロックに読み込む方法
クラシックテーマで作成した既存メニューがある場合、ブロックテーマのナビゲーションブロックで読み込めることがあります。
ナビゲーションブロックを選択し、メニュー選択や既存メニューの読み込みに関する項目を確認します。以前作成したメニューが表示されていれば、それを選択して利用できます。
ただし、テーマ変更により表示位置やデザインが変わるため、読み込んだ後は必ずリンク、順番、階層、スマホ表示を確認しましょう。
5-5. ブロックテーマで「外観」→「メニュー」が表示されない理由
ブロックテーマで「外観」→「メニュー」が表示されないのは、メニュー設定の中心がサイトエディターに移っているためです。
従来のクラシックテーマでは「外観」→「メニュー」で設定しますが、ブロックテーマでは「外観」→「エディター」からナビゲーションブロックを編集します。
そのため、「メニューが消えた」と思った場合でも、まず使用テーマがブロックテーマかどうかを確認しましょう。
5-6. クラシックテーマからブロックテーマへ変更したときの注意点
クラシックテーマからブロックテーマへ変更すると、メニューの表示位置が引き継がれない場合があります。既存メニュー自体は残っていても、ヘッダーにナビゲーションブロックが配置されていなければサイト上には表示されません。
テーマ変更後は、以下を確認しましょう。
メニュー項目が残っているか、ナビゲーションブロックに読み込まれているか、ヘッダーやフッターに配置されているか、スマホ表示で問題がないかをチェックします。
6. WordPressメニューが表示されない原因と対処法
WordPressメニューが表示されない場合、原因は設定ミス、テーマ仕様、ブロックテーマの構造、キャッシュ、プラグインの不具合などさまざまです。
焦ってテーマを変更する前に、基本的な項目から順番に確認しましょう。
6-1. メニューの表示位置にチェックが入っていない
クラシックテーマでよくある原因が、メニューの表示位置にチェックが入っていないケースです。
「外観」→「メニュー」を開き、編集しているメニューの下部にある「メニュー設定」または「表示位置」を確認します。ヘッダーに表示したい場合は、該当する位置にチェックを入れて保存します。
メニューを作成しただけでは表示されないテーマもあるため、表示位置の設定は必ず確認しましょう。
6-2. メニューを保存していない
メニュー項目を追加・編集したあとに「メニューを保存」をクリックしていないと、変更は反映されません。
WordPressのメニュー画面では、項目を追加しただけで完了したように見えることがあります。しかし、保存ボタンを押さない限り、実際のサイトには反映されません。
編集後は必ず保存し、サイトを再読み込みして確認しましょう。
6-3. メニュー項目に追加したページが非公開・下書きになっている
メニューに追加した固定ページや投稿が下書き、非公開、パスワード保護になっていると、ユーザーがアクセスできない場合があります。
管理者としてログインしていると見えるページでも、一般ユーザーには表示されないことがあります。別ブラウザやシークレットモードで確認すると、公開状態の問題に気づきやすくなります。
メニューに載せるページは、公開済みになっているか確認しましょう。
6-4. 使用テーマがメニューの表示位置に対応していない
テーマによっては、メニューの表示位置が限られています。たとえば、ヘッダーメニューには対応していても、フッターメニューやモバイル専用メニューに対応していない場合があります。
また、テーマ独自の設定画面でメニュー表示を管理していることもあります。テーマのカスタマイザー、テーマ設定、公式マニュアルを確認しましょう。
6-5. ブロックテーマでナビゲーションブロックが配置されていない
ブロックテーマでは、ナビゲーションブロックがヘッダーやフッターに配置されていないとメニューは表示されません。
「外観」→「エディター」を開き、ヘッダーテンプレートパーツ内にナビゲーションブロックがあるか確認しましょう。なければ、ナビゲーションブロックを追加し、表示したいメニュー項目を設定します。
6-6. キャッシュが残っていて変更が反映されていない
メニューを変更しても反映されない場合、キャッシュが原因のことがあります。
ブラウザキャッシュ、キャッシュ系プラグイン、サーバーキャッシュ、CDNキャッシュなどが古い表示を保持していると、設定は正しくても変更が見えない場合があります。
キャッシュを削除し、ブラウザを再読み込みして確認しましょう。スマホでも確認する場合は、別回線やシークレットモードを使うと原因を切り分けやすくなります。
6-7. プラグインやテーマの不具合でメニューが表示されない
プラグインやテーマの不具合により、メニューが表示されないこともあります。特に、キャッシュ系、セキュリティ系、メニュー拡張系、ページビルダー系のプラグインが影響する場合があります。
原因を確認するには、一時的にプラグインを停止し、表示が戻るか確認します。ただし、本番サイトで作業する場合は、事前にバックアップを取り、アクセスの少ない時間に行いましょう。
6-8. スマホだけメニューが表示されない場合の確認ポイント
パソコンでは表示されるのにスマホだけメニューが表示されない場合は、モバイルメニューの設定、ハンバーガーメニューの表示条件、CSS、JavaScriptの読み込みエラーを確認します。
テーマによっては、スマホ用メニューを別で指定する必要があります。また、キャッシュや最適化プラグインがJavaScriptを圧縮・遅延読み込みしていると、ハンバーガーメニューが開かないこともあります。
6-9. メニューが崩れる・クリックできない場合の確認ポイント
メニューが崩れる場合は、項目数が多すぎる、メニュー名が長すぎる、追加CSSが干渉している、テーマのレイアウト幅に合っていないなどが原因です。
クリックできない場合は、別の要素がメニューの上に重なっている可能性もあります。ブラウザの検証ツールを使うと、CSSや重なり順の問題を確認できます。
初心者の場合は、まず追加CSSを一時的に外し、テーマ本来の表示に戻して確認すると原因を切り分けやすくなります。
7. WordPressメニューをカスタマイズする方法
WordPressメニューは、テーマ設定、カスタマイザー、サイトエディター、追加CSS、プラグインなどを使ってカスタマイズできます。
ただし、デザインを変更しすぎると操作性が悪くなることもあります。見た目だけでなく、読みやすさ、タップしやすさ、表示速度も意識しましょう。
7-1. テーマのカスタマイザーで色・文字サイズ・背景を変更する
クラシックテーマでは、「外観」→「カスタマイズ」からメニューの色、文字サイズ、背景色、余白などを変更できる場合があります。
設定項目はテーマによって異なります。ヘッダー設定、メニュー設定、デザイン設定、タイポグラフィ設定などを確認しましょう。
コードを書かずに変更できるため、初心者はまずテーマの標準機能から試すのがおすすめです。
7-2. 追加CSSでメニューの見た目を調整する
テーマ標準機能で調整できない場合は、追加CSSを使ってメニューの見た目を変更できます。
たとえば、メニューの文字色、背景色、余白、ホバー時の色、ボタン風デザインなどを調整できます。ただし、CSSの指定を誤るとレイアウトが崩れることがあります。
追加CSSを使う場合は、変更前のコードを保存しておき、少しずつ確認しながら編集しましょう。
7-3. メニュー項目にアイコンを付ける方法
メニュー項目にアイコンを付けると、視認性が高まる場合があります。たとえば「ホーム」に家のアイコン、「お問い合わせ」にメールのアイコンを付けると、直感的に理解しやすくなります。
アイコンを付ける方法は、テーマ機能、アイコン対応プラグイン、CSS、Font Awesomeなど複数あります。
ただし、アイコンを多用すると見た目が騒がしくなるため、重要な項目に絞って使いましょう。
7-4. ボタン風の目立つメニューを作る方法
「お問い合わせ」「無料相談」「資料請求」など、行動につながるメニュー項目はボタン風にすると目立ちます。
クラシックテーマでは、メニュー項目にCSSクラスを追加し、そのクラスに対して背景色、文字色、角丸、余白などを指定します。ブロックテーマでは、ナビゲーションブロックやボタンブロックの組み合わせで近い見た目を作れる場合があります。
目立たせる項目は1つに絞ると、ユーザーが次の行動を選びやすくなります。
7-5. スマホ用ハンバーガーメニューを調整する方法
スマホでは、メニューを三本線のハンバーガーメニューに収納するテーマが多くあります。
調整できる項目はテーマによって異なりますが、表示位置、開閉アニメーション、背景色、文字サイズ、階層メニューの開き方などを変更できる場合があります。
スマホ用メニューでは、タップ領域を広めにし、項目数を絞ることが重要です。小さすぎる文字や密集したリンクは、ユーザーにとって操作しづらくなります。
7-6. フッターメニューやサイドバーメニューを設置する方法
フッターメニューには、プライバシーポリシー、利用規約、特定商取引法に基づく表記、運営者情報などを配置すると便利です。
サイドバーメニューには、カテゴリー一覧、人気記事、プロフィール、関連サービスなどを表示できます。クラシックテーマではウィジェット、ブロックテーマではテンプレートパーツやブロックを使って設置することが多いです。
ヘッダーにすべて詰め込まず、役割に応じて配置場所を分けましょう。
7-7. プラグインを使って高度なメニューを作る方法
メガメニュー、アイコン付きメニュー、スマホ専用メニュー、条件分岐メニューなどを作りたい場合は、プラグインを使う方法もあります。
代表的な機能として、複数カラムのメニュー、画像付きメニュー、ログインユーザー向け表示、ページごとの出し分けなどがあります。
ただし、プラグインを増やすと表示速度や管理の手間に影響することがあります。必要な機能を明確にしたうえで導入しましょう。
7-8. カスタマイズ前にバックアップを取るべき理由
メニューやテーマをカスタマイズする前には、必ずバックアップを取りましょう。
特にCSS、テーマファイル、プラグイン設定、ブロックテーマのテンプレートパーツを編集する場合、誤操作でレイアウトが崩れる可能性があります。
バックアップがあれば、問題が起きても元に戻せます。可能であれば、本番サイトではなくテスト環境で確認してから反映するのが安全です。
8. WordPressメニュー設計のコツ｜SEO・回遊率・ユーザビリティを高める
WordPressメニューは、SEOやユーザー行動にも関わる重要な要素です。適切に設計すれば、重要ページへの内部リンクを強化し、サイト内の回遊率を高めることができます。
ただし、SEOだけを意識して項目を増やしすぎると、ユーザーにとって使いにくいメニューになります。検索エンジンとユーザーの両方にわかりやすい構成を目指しましょう。
8-1. 重要ページをメニューに入れて内部リンクを強化する
メニューは多くのページに共通して表示されるため、重要ページへの内部リンクとしても機能します。
たとえば、サービスページ、料金ページ、お問い合わせページ、主要カテゴリーなどをメニューに入れることで、ユーザーも検索エンジンも重要なページを見つけやすくなります。
ただし、すべてのページをメニューに入れる必要はありません。事業上・サイト運営上、特に重要なページを選びましょう。
8-2. ユーザーが探しやすい順番に並べる
メニューの順番は、ユーザーの行動に合わせて決めます。
企業サイトなら「サービスを知る」→「料金を見る」→「実績で安心する」→「会社を確認する」→「問い合わせる」という流れが自然です。ブログなら「カテゴリー」→「人気記事」→「プロフィール」→「お問い合わせ」のように、読者が情報を探しやすい順番にします。
運営者の都合ではなく、訪問者の思考順に並べることが大切です。
8-3. メニュー項目を増やしすぎない
メニュー項目が多すぎると、ユーザーはどこをクリックすればよいか迷います。特にスマホでは、項目数が多いほど操作しづらくなります。
ヘッダーメニューは重要項目に絞り、補足情報はフッターやサイドバーに分けましょう。階層メニューを使う場合も、深くしすぎないことが大切です。
8-4. カテゴリー名は検索意図に合う言葉にする
ブログのカテゴリーをメニューに表示する場合、カテゴリー名は検索意図に合う言葉にしましょう。
たとえば、WordPressに関する記事をまとめているなら「CMS」よりも「WordPress」のほうが一般ユーザーにはわかりやすい場合があります。「豆知識」や「その他」のような曖昧なカテゴリー名は、内容が伝わりにくいため注意が必要です。
カテゴリー名は、読者がクリックしたくなる具体的な言葉にしましょう。
8-5. パンくずリストやサイドバーとの役割を分ける
メニュー、パンくずリスト、サイドバーはそれぞれ役割が異なります。
メニューは主要ページへの案内、パンくずリストは現在地の表示、サイドバーは関連情報や補助リンクの提示に向いています。すべてのリンクをメニューに詰め込むのではなく、役割ごとに整理しましょう。
これにより、サイト全体が見やすくなり、ユーザーも迷いにくくなります。
8-6. スマホ表示でタップしやすい設計にする
スマホでは、メニューのタップしやすさが重要です。文字が小さい、リンク同士が近い、階層が深すぎると、操作性が悪くなります。
メニュー項目は短くし、タップ領域を十分に確保しましょう。ハンバーガーメニューの開閉がスムーズか、子メニューが開きやすいかも確認します。
スマホでの使いやすさは、ユーザー満足度に直結します。
8-7. 定期的にクリック状況を確認して改善する
メニューは一度作ったら終わりではありません。アクセス解析やヒートマップを使って、どのメニュー項目がクリックされているかを確認しましょう。
クリックされていない項目は、名称がわかりにくい、重要度が低い、配置が悪い可能性があります。逆に、よくクリックされる項目はより目立つ位置に移動してもよいでしょう。
定期的に改善することで、ユーザーにとって使いやすいメニューになります。
9. WordPressメニュー設定でよくあるトラブル
WordPressメニューでは、「メニュー画面がない」「固定ページが表示されない」「変更が反映されない」「ドロップダウンが開かない」などのトラブルがよくあります。
多くの場合、原因を順番に確認すれば解決できます。
9-1. 「外観」→「メニュー」が管理画面にない
「外観」→「メニュー」がない場合は、ブロックテーマを使用している可能性があります。ブロックテーマでは、従来のメニュー画面ではなく「外観」→「エディター」からナビゲーションを編集します。
また、ユーザー権限が管理者でない場合、一部の設定が表示されないこともあります。テーマの種類とログインユーザーの権限を確認しましょう。
9-2. 固定ページがメニュー項目に表示されない
固定ページがメニュー項目に表示されない場合は、そのページが下書きになっていないか確認します。公開済みでないページは、通常の一覧に表示されない場合があります。
また、メニュー画面の「固定ページ」パネルで「すべて表示」や「検索」タブを確認しましょう。見つからない場合は、ページタイトルで検索すると表示されることがあります。
9-3. カテゴリーや投稿がメニューに追加できない
カテゴリーや投稿の追加パネルが表示されていない場合は、画面右上の「表示オプション」を確認します。
「投稿」「カテゴリー」などにチェックを入れると、左側の追加パネルに表示されることがあります。表示されたら、追加したい項目にチェックを入れて「メニューに追加」をクリックします。
9-4. メニューを変更してもサイトに反映されない
メニュー変更が反映されない場合は、まず保存忘れを確認します。次に、表示位置が正しく設定されているか、キャッシュが残っていないかを確認しましょう。
キャッシュ系プラグイン、サーバーキャッシュ、CDNを使っている場合は、それぞれのキャッシュ削除が必要になることがあります。
9-5. ドロップダウンメニューが開かない
ドロップダウンメニューが開かない場合は、テーマが階層メニューに対応しているか確認します。
対応しているテーマでも、JavaScriptエラーやプラグイン干渉により開かないことがあります。最近追加したプラグインやCSSが原因になっていないか確認しましょう。
また、スマホでは親メニューのタップ操作がテーマごとに異なるため、実機での確認が重要です。
9-6. メニューのリンク先が404エラーになる
メニューのリンク先が404エラーになる場合は、リンク先ページが削除されている、URLが変更されている、パーマリンク設定に問題がある可能性があります。
固定ページや投稿のURLを確認し、メニュー項目のリンク先を更新しましょう。カスタムリンクを使っている場合は、入力ミスがないか確認します。
必要に応じて「設定」→「パーマリンク」を開き、何も変更せずに保存すると改善する場合もあります。
9-7. テーマ変更後にメニューが消えた
テーマを変更すると、メニューの表示位置がリセットされることがあります。メニュー自体が削除されたわけではなく、新しいテーマの表示位置に割り当てられていないだけの場合があります。
クラシックテーマなら「外観」→「メニュー」で表示位置を再設定します。ブロックテーマなら「外観」→「エディター」でナビゲーションブロックを確認しましょう。
9-8. 管理画面と実際の表示が違う
管理画面で設定した内容と実際の表示が違う場合は、テーマ側のデザイン、キャッシュ、ブロックテーマのテンプレート、プラグイン干渉などが考えられます。
特にブロックテーマでは、編集しているテンプレートパーツと実際に表示されているテンプレートパーツが異なる場合があります。ヘッダーやフッターのどのパーツを編集しているか確認しましょう。
10. WordPressメニューに関するよくある質問
ここでは、WordPressメニュー設定で初心者が疑問に感じやすい内容をまとめます。
10-1. WordPressのメニューはいくつまで作れる？
WordPressでは複数のメニューを作成できます。たとえば、ヘッダーメニュー、フッターメニュー、スマホ用メニュー、サイドバー用メニューなどを分けて管理できます。
ただし、実際に表示できる場所はテーマによって異なります。作成できても、テーマが表示位置に対応していなければそのままでは表示できません。
10-2. メニューにトップページを追加するには？
トップページをメニューに追加するには、固定ページからホームページに設定しているページを選ぶか、カスタムリンクでトップページのURLを指定します。
ブロックテーマでは、ナビゲーションブロック内でホームリンクを追加できる場合もあります。公式ドキュメントでも、ナビゲーションブロックにホームリンクを追加する方法が案内されています。
表示名は「ホーム」や「トップ」など、短くわかりやすい言葉にしましょう。
10-3. メニューにお問い合わせページを表示するには？
お問い合わせページをメニューに表示するには、まずお問い合わせフォーム用の固定ページを作成して公開します。その後、「外観」→「メニュー」またはブロックテーマのナビゲーションブロックから、その固定ページを追加します。
お問い合わせはコンバージョンに直結する重要なページです。ヘッダーの右端やボタン風デザインにすると目立ちやすくなります。
10-4. メニューにカテゴリー一覧ページを表示するには？
カテゴリー一覧ページを表示したい場合は、「カテゴリー」をメニューに追加します。クラシックテーマでは「外観」→「メニュー」のカテゴリー欄から選択できます。
ブロックテーマでは、ナビゲーションブロックでカテゴリーリンクを追加します。カテゴリーをメニューに入れると、ブログ記事をテーマ別に探しやすくなります。
10-5. メニューの順番を変えるには？
クラシックテーマでは、「外観」→「メニュー」で項目をドラッグ＆ドロップして順番を変更します。変更後は「メニューを保存」をクリックします。
ブロックテーマでは、ナビゲーションブロック内で項目を選択し、移動ボタンやドラッグ操作で順番を変更します。変更後はエディターの保存を忘れないようにしましょう。
10-6. メニューをスマホだけ非表示にできる？
メニューをスマホだけ非表示にすることは可能です。テーマ設定で切り替えられる場合もありますし、CSSのメディアクエリを使って非表示にする方法もあります。
ただし、スマホでメニューを完全に非表示にすると、ユーザーが他のページへ移動しにくくなります。非表示にする場合は、代わりの導線を用意しましょう。
10-7. メニューをページごとに出し分けできる？
メニューをページごとに出し分けることも可能です。テーマの機能、条件分岐対応のプラグイン、カスタムコードなどを使う方法があります。
たとえば、ランディングページでは通常メニューを非表示にし、ブログ記事ではカテゴリー中心のメニューを表示する、といった使い分けができます。
ただし、出し分けが複雑になると管理が難しくなるため、必要な場合だけ導入しましょう。
10-8. メニュー設定におすすめのプラグインはある？
高度なメニューを作りたい場合は、メガメニュー系、アイコン追加系、表示条件設定系のプラグインが候補になります。
ただし、通常のヘッダー・フッター・カテゴリーリンク程度であれば、WordPress標準機能とテーマ機能だけで十分なことも多いです。まずは標準機能で作成し、不足する機能が明確になってからプラグインを検討しましょう。
まとめ
WordPressメニューは、サイト訪問者を重要なページへ案内するための基本機能です。固定ページ、投稿、カテゴリー、カスタムリンクを組み合わせることで、企業サイト、ブログ、ECサイトなどさまざまなサイトに合ったナビゲーションを作成できます。
クラシックテーマでは「外観」→「メニュー」から設定し、ブロックテーマでは「外観」→「エディター」やナビゲーションブロックから編集します。ワードプレス メニューが表示されない場合は、表示位置、保存忘れ、ページの公開状態、テーマ対応、ナビゲーションブロック、キャッシュ、プラグイン干渉などを順番に確認しましょう。
また、メニューはSEOや回遊率にも関わります。重要ページを適切に配置し、ユーザーが探しやすい順番に並べ、スマホでもタップしやすい設計にすることが大切です。
WordPressメニューは一度設定して終わりではありません。サイトの成長に合わせて定期的に見直し、ユーザーにとって使いやすいナビゲーションへ改善していきましょう。