WordPressナビゲーションメニューの作り方完全ガイド｜設定・編集・スマホ対応まで初心者向けに解説
はじめに
WordPressでサイトを作るとき、記事やページの内容と同じくらい大切なのが「ナビゲーションメニュー」です。ナビゲーションメニューとは、サイトの上部や下部、サイドバーなどに表示されるリンク一覧のことで、訪問者が目的のページへ移動するための道案内になります。
たとえば、企業サイトなら「ホーム」「サービス」「料金」「会社概要」「お問い合わせ」、ブログなら「プロフィール」「カテゴリー」「人気記事」「お問い合わせ」などをメニューに配置することで、読者は迷わず必要な情報へアクセスできます。
この記事では、WordPressナビゲーションメニューの作り方から編集方法、スマホ対応、デザイン調整、よくあるトラブルまで初心者向けにわかりやすく解説します。クラシックテーマとブロックテーマの違いにも触れながら、現在のWordPressで使いやすいナビゲーションを設定するための基本を整理していきます。
1. WordPressのナビゲーションメニューとは
WordPressのナビゲーションメニューとは、サイト内外のページへ移動するためのリンクをまとめたメニューのことです。多くの場合、サイトのヘッダー部分に表示され、訪問者が最初に目にする重要な導線になります。
WordPressでは、固定ページ、投稿、カテゴリー、カスタムリンクなどをメニュー項目として追加できます。テーマによって表示位置やデザインは異なりますが、基本的な考え方は同じです。
1-1. ナビゲーションメニューの役割
ナビゲーションメニューの主な役割は、訪問者を目的のページへスムーズに案内することです。どれだけ良い記事や商品ページを用意していても、ユーザーがそこへたどり着けなければ意味がありません。
また、ナビゲーションはサイト全体の構造を伝える役割もあります。メニューを見るだけで「このサイトにはどんな情報があるのか」「どのページが重要なのか」がわかるため、ユーザビリティの向上につながります。
さらに、重要なページへ内部リンクを集めるという意味でも、ナビゲーションメニューはSEOに関係します。検索エンジンにサイト構造を伝えやすくし、重要ページを見つけてもらいやすくする効果が期待できます。
1-2. メニューとナビゲーションブロックの違い
WordPressには、従来の「メニュー」と、ブロックテーマで使う「ナビゲーションブロック」があります。
クラシックテーマでは、管理画面の「外観」から「メニュー」を開き、メニュー項目を作成して表示位置を選ぶのが一般的です。一方、ブロックテーマでは「外観」内の「エディター」からサイトエディターを開き、ナビゲーションブロックを使ってメニューを編集します。
つまり、クラシックテーマでは「メニュー管理画面」、ブロックテーマでは「サイトエディターとナビゲーションブロック」を使うと考えるとわかりやすいです。使っているテーマによって操作画面が異なるため、自分のWordPressでどちらの形式になっているかを確認しておきましょう。
1-3. ヘッダー・フッター・サイドバーで使われる主なメニュー
WordPressのナビゲーションメニューは、主にヘッダー、フッター、サイドバーで使われます。
ヘッダーメニューは、サイト上部に表示されるもっとも重要なメニューです。トップページ、サービス内容、料金、ブログ、お問い合わせなど、ユーザーに必ず見てほしいページを配置します。
フッターメニューは、サイト下部に表示されるメニューです。プライバシーポリシー、利用規約、運営者情報、サイトマップなど、補足的なページを置くことが多いです。
サイドバーメニューは、ブログやメディアサイトでよく使われます。カテゴリー一覧、人気記事、プロフィール、広告ページなどを配置し、記事を読んでいるユーザーに別ページへの移動を促します。
1-4. 初心者がナビゲーション設定でつまずきやすいポイント
初心者がWordPressナビゲーション設定でつまずきやすいのは、メニューを作っただけでは表示されない場合があることです。メニューを作成したあとに、表示位置を選択しなければヘッダーやフッターに表示されないことがあります。
また、使っているテーマによって「外観」内のメニュー項目が見当たらない場合もあります。ブロックテーマを使っている場合は、従来のメニュー画面ではなくサイトエディターから編集するケースがあります。
ほかにも、固定ページを作成したのにメニューに追加していない、スマホ表示でメニューが崩れる、親子階層がうまく反映されないなどのトラブルもよくあります。まずは、テーマの種類、メニューの作成状況、表示位置の設定を順番に確認することが大切です。
2. WordPressナビゲーションメニューを作る前の準備
ナビゲーションメニューを作る前に、どのページをメニューに入れるかを決めておくと作業がスムーズです。思いつきで項目を増やしていくと、メニューが複雑になり、訪問者にとって使いにくいサイトになってしまいます。
2-1. メニューに入れるページを決める
まずは、サイト内で特に重要なページを洗い出しましょう。一般的なブログであれば「ホーム」「プロフィール」「ブログ」「カテゴリー」「お問い合わせ」などが候補になります。
企業サイトや店舗サイトであれば「サービス」「料金」「実績」「お客様の声」「会社概要」「アクセス」「お問い合わせ」などが重要です。ECサイトに近い構成であれば「商品一覧」「利用ガイド」「よくある質問」「特定商取引法に基づく表記」なども必要になります。
メニューには、ユーザーがよく探すページや、運営者として見てほしいページを優先して入れるのが基本です。
2-2. 固定ページ・投稿・カテゴリーの違いを理解する
WordPressでは、メニューに追加できる項目として「固定ページ」「投稿」「カテゴリー」「カスタムリンク」などがあります。
固定ページは、プロフィール、会社概要、お問い合わせ、プライバシーポリシーのように、あまり更新されない独立したページに向いています。投稿は、ブログ記事やニュース記事のように時系列で追加していくコンテンツです。
カテゴリーは、投稿を分類するためのものです。たとえば「WordPress」「SEO」「ブログ運営」などのカテゴリーを作っておくと、同じテーマの記事一覧へユーザーを案内できます。
ナビゲーションメニューには、単体で重要なページは固定ページ、記事一覧へ誘導したい場合はカテゴリー、外部サイトへ誘導したい場合はカスタムリンクを使うと整理しやすくなります。
2-3. サイト構成を整理して使いやすい導線を作る
ナビゲーションメニューは、サイト構成をそのまま反映する重要なパーツです。メニューを作る前に、ユーザーがどの順番で情報を見たいかを考えておきましょう。
たとえば、サービスサイトの場合は「サービス内容を知る」「料金を確認する」「実績を見る」「問い合わせる」という流れが自然です。この場合、メニューも「サービス」「料金」「実績」「お問い合わせ」の順に並べると使いやすくなります。
ブログの場合は、まず読者が興味のあるジャンルへ移動できるように、主要カテゴリーをメニューに入れると便利です。ただし、カテゴリーが多すぎると見づらくなるため、特に重要なものだけを選びましょう。
2-4. メニュー名と表示位置を決める
メニューを作るときは、管理用のメニュー名と、実際に表示する場所を決めます。
メニュー名は管理画面で識別するための名前なので、「ヘッダーメニュー」「フッターメニュー」「スマホメニュー」など、用途がわかりやすい名前にしておくと便利です。
表示位置は、テーマによって異なります。代表的な表示位置には「グローバルナビゲーション」「ヘッダー」「フッター」「モバイルメニュー」などがあります。テーマによっては、複数のメニュー位置を用意している場合もあります。
3. WordPressナビゲーションメニューの作り方
ここからは、クラシックテーマでのWordPressナビゲーションメニューの基本的な作り方を解説します。使っているテーマによって画面の表記が少し異なる場合がありますが、基本の流れは同じです。
3-1. 管理画面からメニューを作成する基本手順
WordPress管理画面にログインしたら、左側メニューから「外観」へ進み、「メニュー」をクリックします。
メニュー画面が開いたら、新しいメニューを作成します。メニュー名に「ヘッダーメニュー」などわかりやすい名前を入力し、「メニューを作成」をクリックします。
次に、左側の項目一覧からメニューに追加したいページやカテゴリーを選びます。追加した項目は右側のメニュー構造に表示されるので、並び順を調整し、最後に「メニューを保存」をクリックします。
このとき、表示位置の選択も忘れないようにしましょう。ヘッダーに表示したい場合は、テーマが用意しているヘッダー用の位置にチェックを入れて保存します。
3-2. 固定ページをメニューに追加する方法
固定ページをメニューに追加するには、メニュー編集画面の左側にある「固定ページ」から追加したいページにチェックを入れます。
たとえば、「プロフィール」「お問い合わせ」「会社概要」などを選択し、「メニューに追加」をクリックします。すると、右側のメニュー構造に選択した固定ページが追加されます。
追加後は、ドラッグ＆ドロップで順番を変更できます。表示名を変更したい場合は、各メニュー項目を開き、「ナビゲーションラベル」を編集します。ページタイトルはそのままでも問題ありませんが、メニュー上では短くわかりやすい名称にするのがおすすめです。
3-3. 投稿やカテゴリーをメニューに追加する方法
特定の投稿をメニューに追加したい場合は、「投稿」から対象の記事を選び、「メニューに追加」をクリックします。ただし、通常のブログ記事をメニューに直接入れすぎると、メニューが増えすぎてしまうため注意が必要です。
複数の記事をまとめて見せたい場合は、カテゴリーをメニューに追加するのがおすすめです。「カテゴリー」から表示したいカテゴリーにチェックを入れ、「メニューに追加」をクリックします。
たとえば、「WordPress」「SEO」「ブログ運営」といったカテゴリーをメニューに入れると、ユーザーは興味のあるテーマの記事一覧へ移動できます。
3-4. カスタムリンクをメニューに追加する方法
カスタムリンクを使うと、外部サイトや任意のURLをメニューに追加できます。メニュー編集画面の「カスタムリンク」を開き、URLとリンク文字列を入力します。
たとえば、公式SNSへリンクしたい場合は、URLにSNSページのアドレスを入力し、リンク文字列に「X」「Instagram」「YouTube」などと入力します。
外部リンクだけでなく、同じページ内の特定の場所へ移動するアンカーリンクにも利用できます。必要に応じて、キャンペーンページや予約ページなどへのリンクを設置すると便利です。
3-5. 作成したメニューをヘッダーに表示する方法
作成したメニューをヘッダーに表示するには、メニュー設定の「表示位置」でヘッダー用の場所を選択します。
テーマによって表記は異なりますが、「ヘッダーメニュー」「グローバルナビゲーション」「メインメニュー」などの名称が使われることが多いです。該当する位置にチェックを入れ、「メニューを保存」をクリックします。
保存後は、サイトを表示して実際にメニューが反映されているか確認しましょう。パソコンだけでなく、スマホ表示でも見やすいか確認することが大切です。
4. WordPressナビゲーションメニューの編集方法
一度作成したWordPressナビゲーションメニューは、あとから自由に編集できます。ページを追加したり、順番を変更したり、不要な項目を削除したりしながら、使いやすい構成に整えていきましょう。
4-1. メニュー項目の並び順を変更する方法
メニュー項目の並び順は、管理画面のメニュー編集画面で変更できます。右側に表示されているメニュー項目をドラッグ＆ドロップし、好きな順番に並べ替えます。
一般的には、左から右、または上から下に向かって重要な項目を並べます。「ホーム」「サービス」「料金」「実績」「お問い合わせ」のように、ユーザーの検討順に合わせると自然です。
並び替えたあとは、必ず「メニューを保存」をクリックしましょう。保存しないまま画面を離れると、変更内容は反映されません。
4-2. メニュー名を変更する方法
メニュー項目の表示名を変更したい場合は、各メニュー項目を開き、「ナビゲーションラベル」を編集します。
たとえば、固定ページのタイトルが「当サイトについて」でも、メニュー上では「プロフィール」と表示したい場合があります。このようなときは、ナビゲーションラベルを変更すれば、ページタイトル自体を変えずにメニュー表示だけを変更できます。
長すぎるメニュー名はスマホ表示で崩れやすいため、できるだけ短くわかりやすい言葉にしましょう。
4-3. 不要なメニュー項目を削除する方法
不要なメニュー項目を削除するには、対象の項目を開き、「削除」をクリックします。削除しても、固定ページや投稿そのものが消えるわけではありません。あくまでナビゲーションメニューから外れるだけです。
たとえば、キャンペーンが終了したページや、あまりアクセスされていない古いページは、メニューから外して整理するとよいでしょう。
メニューは増やすだけでなく、定期的に見直して減らすことも大切です。項目が多すぎると、ユーザーがどこをクリックすればよいか迷ってしまいます。
4-4. 親メニュー・子メニューを作って階層化する方法
WordPressでは、メニュー項目を階層化して、親メニューと子メニューを作成できます。右側のメニュー構造で、子メニューにしたい項目を少し右へずらすようにドラッグすると、親項目の下に配置できます。
たとえば、親メニューを「サービス」にして、その下に「Web制作」「SEO対策」「保守管理」などの子メニューを配置できます。
階層化すると情報を整理しやすくなりますが、深すぎる階層は操作しにくくなります。特にスマホでは、複雑な階層メニューが使いにくいこともあるため、基本は2階層程度に抑えるのがおすすめです。
4-5. 別タブでリンクを開く設定方法
外部リンクをメニューに追加する場合、別タブで開く設定にしたいことがあります。メニュー画面の右上にある「表示オプション」を開き、「リンクターゲット」にチェックを入れると、各メニュー項目に「リンクを新しいタブで開く」という項目が表示されます。
対象のメニュー項目を開き、「リンクを新しいタブで開く」にチェックを入れて保存します。
外部サイトやSNSへのリンクは別タブで開く設定にすると、ユーザーが自分のサイトから完全に離脱しにくくなります。ただし、内部リンクまでむやみに別タブで開くと使いにくくなるため、必要な場合だけ設定しましょう。
5. ブロックテーマでナビゲーションを設定する方法
近年のWordPressでは、ブロックテーマを使うケースも増えています。ブロックテーマでは、従来の「外観」から「メニュー」を編集する方法ではなく、サイトエディターでナビゲーションを設定するのが基本です。
5-1. サイトエディターからナビゲーションを編集する方法
ブロックテーマを使っている場合は、WordPress管理画面の「外観」から「エディター」を開きます。サイトエディターでは、ヘッダー、フッター、テンプレートなどをブロック単位で編集できます。
ヘッダー部分にあるナビゲーションを選択すると、メニュー項目を追加、削除、並び替えできます。画面上で実際の表示に近い形を見ながら編集できるため、直感的に操作しやすいのが特徴です。
編集後は、右上の「保存」をクリックして変更内容を反映します。複数のテンプレートやパーツに変更がある場合は、保存対象を確認してから保存しましょう。
5-2. ナビゲーションブロックの使い方
ナビゲーションブロックは、リンクをまとめて表示するためのブロックです。固定ページへのリンク、投稿へのリンク、カテゴリーリンク、カスタムリンクなどを追加できます。
ナビゲーションブロックを選択すると、メニュー項目の追加ボタンが表示されます。そこからページを検索して追加したり、URLを直接入力してリンクを作成したりできます。
また、ブロック設定からレイアウトや表示方法を調整できる場合もあります。横並び、縦並び、オーバーレイメニューなど、テーマや設定によって選べる表示形式が異なります。
5-3. ヘッダーテンプレートにメニューを配置する方法
ブロックテーマでヘッダーにメニューを表示するには、ヘッダーテンプレートパーツにナビゲーションブロックを配置します。
サイトエディターでヘッダーを開き、必要に応じてナビゲーションブロックを追加します。ロゴやサイトタイトルの横に配置すれば、一般的なヘッダーメニューとして表示できます。
すでにナビゲーションブロックが配置されているテーマも多いため、その場合は既存のブロックを編集するだけで問題ありません。誤って削除してしまった場合は、再度ナビゲーションブロックを追加すれば復旧できます。
5-4. ブロックテーマでメニューが表示されないときの確認点
ブロックテーマでメニューが表示されない場合は、まずナビゲーションブロックがヘッダーに配置されているか確認しましょう。メニュー項目を作成していても、テンプレート上にブロックがなければ表示されません。
次に、編集内容を保存しているか確認します。サイトエディターでは、テンプレート、テンプレートパーツ、スタイルなど複数の保存対象が表示されることがあります。保存漏れがあると、変更が反映されません。
また、別のテンプレートを編集している可能性もあります。トップページ、投稿ページ、固定ページで異なるヘッダーを使っている場合、編集した場所と実際に表示している場所が違うことがあります。
6. スマホ対応のナビゲーションメニュー設定
現在のサイト運営では、スマホ対応が欠かせません。WordPressナビゲーションメニューも、パソコンで見やすいだけでなく、スマホで操作しやすいかどうかを必ず確認しましょう。
6-1. スマホで見やすいメニュー構成の考え方
スマホでは画面幅が限られているため、メニュー項目が多いと見づらくなります。ヘッダーに表示する項目は、特に重要なものに絞るのが基本です。
たとえば、「ホーム」「サービス」「料金」「お問い合わせ」など、ユーザーの行動につながる項目を優先します。細かいカテゴリーや補足ページは、フッターや記事内リンク、サイドバーなどに分けると整理しやすくなります。
スマホユーザーは短時間で情報を探すことが多いため、メニュー名はシンプルにしましょう。「サービス内容について」よりも「サービス」、「お問い合わせはこちら」よりも「お問い合わせ」のほうが見やすくなります。
6-2. ハンバーガーメニューの表示を確認する方法
多くのWordPressテーマでは、スマホ表示になるとメニューがハンバーガーメニューに切り替わります。ハンバーガーメニューとは、三本線のアイコンをタップするとメニューが開く形式のことです。
設定後は、実際にスマホでサイトを開き、ハンバーガーメニューが表示されるか、タップして開くか、各リンクへ移動できるかを確認しましょう。
パソコンのブラウザでも、画面幅を狭くしたり、開発者ツールのスマホ表示を使ったりすれば確認できます。ただし、実機で見ると文字サイズやタップのしやすさが違って感じられるため、最終確認はスマホで行うのがおすすめです。
6-3. モバイル表示でメニューが崩れる原因
スマホ表示でメニューが崩れる原因として多いのは、メニュー項目が多すぎること、メニュー名が長すぎること、テーマやCSSの設定が合っていないことです。
また、追加CSSで独自にデザインを変更している場合、そのCSSがスマホ表示に対応していないとレイアウトが崩れることがあります。特に、横幅を固定している指定や、余白を大きく取りすぎている指定には注意が必要です。
プラグインでメニューを装飾している場合も、テーマとの相性によって崩れることがあります。崩れが発生したときは、まずプラグインを一時停止し、テーマ標準の表示で問題がないか確認しましょう。
6-4. レスポンシブ対応テーマを使う際の注意点
レスポンシブ対応テーマを使えば、基本的にはパソコン、タブレット、スマホに合わせてメニュー表示が自動調整されます。ただし、テーマに任せきりにせず、実際の表示確認は必ず行いましょう。
テーマによっては、ヘッダーメニューとモバイルメニューを別々に設定できる場合があります。その場合、パソコン用メニューだけ設定しても、スマホ側に反映されないことがあります。
また、テーマのアップデートやカスタマイズによって表示が変わることもあります。メニューを変更したときやテーマを更新したときは、スマホ表示もあわせて確認する習慣をつけましょう。
7. ナビゲーションメニューのデザイン調整
ナビゲーションメニューは、使いやすさだけでなく見た目も重要です。文字サイズ、色、余白、ホバー時の動きなどを整えることで、サイト全体の印象が大きく変わります。
7-1. テーマカスタマイザーでデザインを変更する方法
クラシックテーマでは、「外観」から「カスタマイズ」を開き、テーマカスタマイザーでメニューのデザインを調整できる場合があります。
テーマによって設定できる項目は異なりますが、ヘッダーの背景色、メニューの文字色、フォントサイズ、レイアウトなどを変更できることがあります。
初心者の場合は、まずテーマ標準のカスタマイズ機能を使うのがおすすめです。CSSを直接編集するよりも安全で、プレビューを見ながら変更できます。
7-2. 文字サイズ・色・余白を調整する方法
メニューの文字サイズは、小さすぎると読みにくく、大きすぎると圧迫感が出ます。パソコンでは見やすくても、スマホでは窮屈に感じることがあるため、両方で確認しましょう。
文字色は、背景色とのコントラストを意識します。背景と文字の差が小さいと読みにくくなるため、視認性を優先することが大切です。
余白も重要です。メニュー項目同士が近すぎるとクリックしにくく、離れすぎるとまとまりがなく見えます。特にスマホでは、指でタップしやすい間隔を確保しましょう。
7-3. CSSでメニューをカスタマイズする基本
テーマの設定だけでは細かい調整が難しい場合、CSSを使ってメニューをカスタマイズできます。CSSは「外観」内の「カスタマイズ」から「追加CSS」に入力できる場合があります。
たとえば、メニューの文字を太くしたり、ホバー時に下線を表示したり、背景色を変更したりできます。ただし、テーマによってメニューのクラス名が異なるため、すべてのサイトで同じCSSが使えるわけではありません。
CSSを追加する前には、必ず現在の設定を控えておきましょう。表示が崩れた場合に元に戻せるようにしておくと安心です。初心者は、少しずつ変更して、その都度表示を確認するのがおすすめです。
7-4. プラグインを使ってメニューを装飾する方法
より高度なメニューを作りたい場合は、メニュー関連のプラグインを使う方法もあります。メガメニュー、アイコン付きメニュー、スマホ専用メニューなどを作れるプラグインがあります。
ただし、プラグインを増やしすぎるとサイトの表示速度や管理のしやすさに影響することがあります。まずはテーマ標準の機能で対応できないか確認し、必要な場合だけプラグインを導入しましょう。
プラグインを導入するときは、更新状況、利用者数、評価、使用中のWordPressバージョンとの互換性を確認することも大切です。
8. ナビゲーションメニューのよくあるトラブルと解決策
WordPressナビゲーションメニューでは、設定したはずなのに表示されない、スマホで開かない、階層が反映されないといったトラブルが起こることがあります。原因を順番に確認すれば、多くの場合は解決できます。
8-1. メニューが表示されない場合の原因と対処法
メニューが表示されない場合、まず確認すべきなのは表示位置の設定です。メニューを作成していても、ヘッダーやフッターなどの表示位置に割り当てていないと、サイト上に表示されません。
次に、テーマ側にメニュー表示エリアがあるか確認しましょう。テーマによっては、特定の場所にしかメニューを表示できない場合があります。
ブロックテーマの場合は、ヘッダー内にナビゲーションブロックが配置されているか確認します。メニュー項目だけ作っても、ブロックがなければ表示されません。
8-2. 追加したページがメニューに反映されない場合
固定ページを作成しただけでは、必ずしも自動でメニューに追加されるとは限りません。メニューに表示したい場合は、メニュー編集画面から対象ページを手動で追加する必要があります。
また、メニュー編集後に保存していない場合も反映されません。ページを追加したら、最後に「メニューを保存」をクリックしましょう。
キャッシュプラグインを使っている場合、変更がすぐに表示されないこともあります。その場合は、キャッシュを削除してから再確認してください。
8-3. スマホでメニューが開かない場合
スマホでハンバーガーメニューが開かない場合、JavaScriptのエラーやプラグインの競合が原因になっていることがあります。
まずは、最近追加したプラグインや変更したCSSがないか確認しましょう。プラグインを一時停止して改善する場合は、そのプラグインが原因の可能性があります。
また、テーマが古い場合や、WordPress本体との互換性に問題がある場合もあります。テーマやプラグインを更新し、改善するか確認しましょう。
8-4. メニューの階層がうまく表示されない場合
親メニュー・子メニューを設定したのに階層が表示されない場合、まずメニュー編集画面で子項目が正しく右にずれているか確認します。
次に、使用しているテーマがドロップダウンメニューに対応しているか確認しましょう。テーマによっては、階層メニューの表示に対応していない場合や、スマホでは階層表示が変わる場合があります。
CSSを追加している場合、その指定が階層メニューの表示を邪魔していることもあります。追加CSSを一時的に外して確認すると、原因を見つけやすくなります。
8-5. テーマ変更後にメニューが消えた場合
WordPressでテーマを変更すると、以前のメニュー自体は残っていても、表示位置の設定が外れることがあります。
テーマ変更後にメニューが消えた場合は、「外観」から「メニュー」を開き、既存のメニューが残っているか確認しましょう。残っている場合は、新しいテーマの表示位置に改めて割り当てます。
ブロックテーマへ変更した場合は、サイトエディターでナビゲーションブロックを設定する必要があるかもしれません。テーマ変更後は、ヘッダー、フッター、スマホ表示を一通り確認することが大切です。
9. SEOとユーザビリティを高めるナビゲーション設計
WordPressナビゲーションメニューは、見た目を整えるだけではなく、SEOとユーザビリティを意識して設計することが大切です。ユーザーが迷わず目的のページへ進めるメニューは、サイト全体の評価向上にもつながります。
9-1. 検索ユーザーが目的のページへ迷わず進める構成
検索エンジンから訪問するユーザーは、必ずしもトップページから入ってくるわけではありません。ブログ記事や個別ページから初めてサイトを訪れることも多くあります。
そのため、どのページから訪問しても、メニューを見れば主要ページへ移動できる構成にしておくことが重要です。お問い合わせ、サービス、カテゴリー、プロフィールなど、次に見てほしいページへ誘導できるようにしましょう。
ユーザーが迷わず回遊できるサイトは、滞在時間やページ閲覧数の向上にもつながります。
9-2. 重要ページをメニューに入れる判断基準
メニューに入れるべきページは、ユーザーにとって重要で、かつサイト運営者として見てほしいページです。
たとえば、収益につながるお問い合わせページ、商品・サービスページ、料金ページ、実績ページなどは優先度が高いです。ブログの場合は、主要カテゴリーやプロフィールページも重要です。
一方で、すべてのページをメニューに入れる必要はありません。重要度が低いページは、フッターや記事内リンク、パンくずリストなどで補完するとよいでしょう。
9-3. メニュー項目を増やしすぎないための考え方
メニュー項目が多すぎると、ユーザーは選択肢が多くなりすぎて迷ってしまいます。特にヘッダーメニューは、できるだけ厳選することが大切です。
目安として、ヘッダーに表示するメニューは5〜7項目程度に抑えると見やすくなります。どうしても項目が多い場合は、親子メニューを使って分類したり、フッターメニューへ分けたりしましょう。
メニューは「たくさん置けば便利」ではなく、「必要なものがすぐ見つかる」ことが大切です。
9-4. パンくずリストや内部リンクとの使い分け
ナビゲーションメニューは、サイト全体の主要ページへ案内するための導線です。一方、パンくずリストは、現在見ているページがサイト内のどこにあるかを示すための導線です。
内部リンクは、記事やページの本文中で関連コンテンツへ誘導するために使います。たとえば、WordPressナビゲーションの記事内で、テーマ設定やプラグイン解説の記事へリンクするような使い方です。
このように、ナビゲーションメニュー、パンくずリスト、内部リンクはそれぞれ役割が異なります。すべてを適切に使うことで、ユーザーにも検索エンジンにもわかりやすいサイト構造を作れます。
9-5. 回遊率を高めるメニュー改善のポイント
回遊率を高めるには、ユーザーが次に見たいページを予測してメニューを設計することが大切です。
アクセス解析を確認し、よく見られているページや、問い合わせにつながりやすいページをメニューに配置しましょう。逆に、ほとんどクリックされていないメニュー項目は、名称を変更したり、位置を変えたり、削除したりすることも検討します。
メニューは一度作って終わりではありません。サイトの成長やユーザー行動に合わせて、定期的に見直すことで使いやすさが向上します。
10. WordPressナビゲーションメニューに関するよくある質問
ここでは、WordPressナビゲーションメニューに関する初心者からのよくある質問をまとめます。
10-1. WordPressでメニューは複数作れる？
WordPressでは、複数のメニューを作成できます。たとえば、「ヘッダーメニュー」「フッターメニュー」「スマホメニュー」など、用途に応じて別々のメニューを用意できます。
ただし、作成できるだけでなく、テーマ側が複数の表示位置に対応しているかも確認が必要です。表示位置が1つしかないテーマでは、複数メニューを作っても表示できる場所が限られます。
10-2. ヘッダーとフッターで別のメニューを表示できる？
ヘッダーとフッターで別のメニューを表示することは可能です。テーマがヘッダー用とフッター用のメニュー位置を用意していれば、それぞれ別のメニューを割り当てられます。
ヘッダーには主要ページを、フッターにはプライバシーポリシーや運営者情報などの補足ページを配置すると、サイト全体が整理されます。
10-3. メニューに外部リンクを追加できる？
WordPressのナビゲーションメニューには、外部リンクを追加できます。カスタムリンクを使えば、SNS、予約サイト、外部サービス、別ドメインのサイトなどへリンクできます。
外部リンクを追加する場合は、リンク先が正しいか、必要に応じて別タブで開く設定にするかを確認しましょう。
10-4. ナビゲーションメニューの表示位置はテーマによって違う？
ナビゲーションメニューの表示位置は、使用しているテーマによって異なります。ヘッダー、フッター、サイドバー、モバイルメニューなど、テーマごとに用意されている場所が違います。
テーマを変更すると、メニューの表示位置がリセットされることもあります。テーマ変更後は、必ずメニューの割り当てを確認しましょう。
10-5. 初心者はクラシックメニューとブロックエディターのどちらを使うべき？
初心者は、使用しているテーマに合わせて選ぶのが基本です。クラシックテーマを使っている場合は、従来の「外観」から「メニュー」を編集する方法がわかりやすいです。
ブロックテーマを使っている場合は、サイトエディターとナビゲーションブロックで編集します。最初は少し慣れが必要ですが、画面を見ながら直感的に配置できるメリットがあります。
どちらが正解というよりも、自分のテーマで用意されている編集方法を理解し、無理なく管理できる方法を選びましょう。
まとめ
WordPressナビゲーションメニューは、ユーザーを目的のページへ案内するための重要な導線です。ヘッダー、フッター、サイドバーなどに適切なメニューを配置することで、サイト全体の使いやすさが大きく向上します。
クラシックテーマでは「外観」から「メニュー」を作成し、固定ページ、投稿、カテゴリー、カスタムリンクなどを追加して表示位置を設定します。ブロックテーマでは、サイトエディターとナビゲーションブロックを使ってメニューを編集します。
また、スマホ対応、デザイン調整、階層化、トラブル対策も重要です。特にスマホでは、項目数を絞り、見やすくタップしやすいメニューにすることが大切です。
SEOとユーザビリティを高めるためには、重要ページを厳選し、ユーザーが迷わず移動できる構成にしましょう。WordPressナビゲーションは一度設定して終わりではなく、サイトの成長に合わせて定期的に見直すことで、より使いやすく成果につながるサイトへ改善できます。