WordPressでグローバルナビ(ヘッダーメニュー)を設定する方法
WordPressでブログを開設したら、早めに確認しておきたいのがサイト上部に常時表示される「グローバルナビ(ヘッダーメニュー)」です。
グローバルナビを設置していないと、読者が他の主要カテゴリーやお問い合わせページに移動できず、せっかく訪れたユーザーがそのまま離脱してしまいます。
本記事では、グローバルナビの役割から、初心者でも迷わず数分で完了する具体的な設定手順、そして離脱を防ぐためのデザイン・配置のコツまでを分かりやすく解説します。
1. グローバルナビ(ヘッダーメニュー)とは?設置する2つのメリット
グローバルナビとは、サイトの最上部(ヘッダー領域)に横並びで固定表示される主要ページへの案内メニューのことです。
サイトの「総合案内板」としての役割を持ち、設置することで以下の2つの大きなメリットが得られます。
メリット1:ユーザーの回遊率が高まり離脱を防ぐ
読者が1つの記事を読み終えた際、画面上部に分かりやすいメニューがあれば、興味のある別カテゴリーやおすすめ記事へスムーズに移動できます。サイト全体の回遊率(1人あたりの閲覧ページ数)が向上し、離脱率の改善につながります。
メリット2:サイトの専門性や全体構造がひと目で伝わる
扱う主要テーマ(カテゴリー)を並べることで、ユーザーやGoogleの検索エンジンに対して「このサイトがどのようなテーマを扱っているWebメディアなのか」を明確に伝えることができます。
2. 【図解】グローバルナビの作成・設定ステップ
WordPressの標準機能(「メニュー」機能)を使ってグローバルナビを作成・表示させる手順です。
ステップ1:新規メニューを作成する
- WordPress管理画面の 「外観」>「メニュー」 を開く
- 「メニュー構造」エリアにある 「新しいメニューを作成」 をクリック
- メニュー名に 「グローバルナビ」(自分に分かれば任意の名前でOK)と入力
- 右下の 「メニューを作成」 ボタンをクリック
ステップ2:メニューに表示したい項目を追加する
画面左側のパネルから、ヘッダーに並べたいページを選択して追加します。
- 左パネルから追加したい項目を展開(「固定ページ」「投稿」「カテゴリー」「カスタムリンク」など)
- メニューに配置したい項目にチェックを入れる
- 配置すべきおすすめ項目:
- 主力カテゴリー(3〜4個)
- お問い合わせ(固定ページ)
- プロフィール / 運営者情報(固定ページ)
- 「メニューに追加」 ボタンをクリックすると、右側の「メニュー構造」エリアに項目が移動します
ステップ3:表示順序や階層(ドロップダウン)を調整する
追加した項目の位置や階層構造を調整します。
- 並び替え: 項目を上下にドラッグ&ドロップすると表示順序を変更できます
- ドロップダウン(階層化): 項目を少し右にずらして配置(インデント)すると、親メニューにカーソルを乗せた時に下へ展開するドロップダウンメニューを作成できます
ステップ4:表示位置を「ヘッダー」に指定して保存する
- 画面下部にある「メニュー設定」エリアを見る
- 「ヘッダーナビ」(テーマによっては「グローバルナビゲーション」「メインメニュー」など)にチェックを入れる
- 右下の 「メニューを保存」 ボタンをクリック
実際のWebサイトを開き、画面上部にメニューが正しく表示されているか確認しましょう。
3. グローバルナビに配置すべきおすすめコンテンツ
メニューに何でもかんでも詰め込むと、画面がごちゃごちゃして逆に見づらくなってしまいます。項目数は5〜7個以内に抑えるのが基本です。
推奨する配置パターン例
- ホーム(トップページ) ※カスタムリンクで自サイトURLを指定
- 主要カテゴリーA(例: サーバー・ドメイン)
- 主要カテゴリーB(例: 初期設定・テーマ)
- 主要カテゴリーC(例: プラグイン・カスタマイズ)
- プロフィール / 運営者情報(固定ページ)
- お問い合わせ(固定ページ)
4. スマホ表示(ハンバーガーメニュー)の注意点
スマートフォンでサイトを閲覧した場合、画面幅の都合上、グローバルナビは「三本線のアイコン(ハンバーガーメニュー)」の中に自動的に折りたたまれて表示されます。
- チェックポイント:
- スマホで自分のサイトにアクセスしてみる
- 三本線アイコンをタップした際、作成したメニューが崩れずに正しく展開・表示されるか確認する
- テーマの設定(「外観」>「カスタマイズ」等)で、モバイル用メニュー(「モバイルナビ」等)にも同じメニューが割り当てられているか確認する
まとめ
グローバルナビは、読者をサイト内で迷わせないための最重要ナビゲーションです。
- 管理画面の「外観」>「メニュー」から新規メニューを作成する
- 主要カテゴリーやお問い合わせなど、5〜7個の厳選したページを追加する
- 表示位置に「ヘッダーナビ」を指定して保存する
一度設定しておけば全記事のヘッダーに自動適用されますので、サイトの基本骨格が整った段階で早めにセットアップを完了させましょう!