WordPress再生ロードマップ

WordPressメニューの作り方|ブロック・クラシックテーマ別に解説

WordPressのヘッダーやフッターへページを追加したいのに、「外観」にメニューが見つからない、保存しても表示されないと困っていませんか。これは操作を間違えたとは限らず、使っているテーマの方式によって編集場所が異なるためです。

ブロックテーマは主に「外観→エディター」のナビゲーションブロック、クラシックテーマは主に「外観→メニュー」で編集します。最初にテーマ方式と表示場所を確認し、必要なリンクだけを並べ、PC・スマートフォン・未ログイン状態で動作を確かめます。

メニュー項目を増やすほど親切になるわけではありません。読者が次に選ぶ重要な行き先を優先し、補助情報や法的ページはフッターへ分けます。

先に結論|メニューは7段階で作る

  1. メニューの目的と表示場所を決める
  2. リンク候補を読者の用事ごとに整理する
  3. ブロックテーマかクラシックテーマか確認する
  4. 正しい編集画面を開く
  5. 項目、順序、階層、リンク先を設定する
  6. 保存対象と表示場所を確認する
  7. PC・スマートフォン・キーボード・未ログインで試す

固定ページをまだ作っていない場合は、先にWordPress固定ページの作り方で、公開状態とスラッグを整えてください。空のページをメニューから先に公開すると、読者が未完成ページへ到達します。

作業前にヘッダーとフッターの役割を分ける

主要な行き先と補助導線を分けたWordPressメニュー設計
場所向いている内容避けたい状態
ヘッダー初めての人が選ぶ主要カテゴリ、サービス、問い合わせ細かい記事を大量に並べる
フッター運営者情報、方針、プライバシー、補助ページ重要な入口がフッターにしかない
記事内今読んでいる内容の次に必要な具体記事共通メニューだけで回遊を任せる

まず、メニューへ入れたいURL、読者向けの短い表示名、表示場所を表にします。サイトの主要テーマが増えすぎている場合は、WordPressカテゴリ設計で分類を整理してからメニューを作ります。

ブロックテーマかクラシックテーマか確認する

ブロックテーマとクラシックテーマの異なるメニュー編集経路
管理画面の状態主な方式編集場所の目安
外観に「エディター」があるブロックテーマ外観→エディター→ナビゲーション、またはヘッダー内のナビゲーションブロック
外観に「メニュー」があるクラシック/ハイブリッドテーマ外観→メニュー
両方または独自項目があるハイブリッド・テーマ独自テーマ公式手順と現在の表示場所を確認

WordPress公式のAppearance Menus Screenは、WordPress 6.0以降のブロックテーマではナビゲーションブロックを使い、従来のメニュー画面はクラシック・ハイブリッドテーマ等で利用されると案内しています。

テーマを変えると編集場所だけでなく、メニューの表示位置やデザインも変わる場合があります。既存サイトでテーマ変更も予定しているなら、先にWordPressテーマ変更の安全な手順を確認してください。

ブロックテーマでナビゲーションを作る

ブロックテーマでは、サイトエディターからヘッダー等のテンプレートパーツを開き、ナビゲーションブロックを選びます。既存メニューを選ぶか、新しいメニューを作り、ページリンク、カスタムリンク、サブメニューを追加します。

  1. 変更前の公開画面と現在のメニューを記録する
  2. 「外観→エディター」を開く
  3. ナビゲーション一覧またはヘッダーのテンプレートパーツを開く
  4. ナビゲーションブロックを選択する
  5. 編集する既存メニュー名を確認する
  6. 必要なページリンクまたはカスタムリンクを追加する
  7. リスト表示で順序と階層を整える
  8. モバイル表示、サブメニューの開き方、リンク先を確認する
  9. 保存画面で変更対象を確認して保存する

WordPress公式のNavigation blockでは、新規メニュー、既存メニュー、項目追加、サブメニュー、並べ替え、モバイル表示等が説明されています。新規ページをその場で作って公開できる場合もありますが、本文が空のまま公開しないよう、既存ページを選ぶ方が安全です。

保存対象を必ず読む

サイトエディターでは、ナビゲーションだけでなくヘッダーやテンプレートパーツにも変更が入る場合があります。保存確認に表示された対象を読み、意図しない全体変更が含まれていないか確認してください。

クラシックテーマでメニューを作る

  1. 「外観→メニュー」を開く
  2. 編集対象のメニューを選ぶか、新しいメニューを作る
  3. 固定ページ、投稿、カテゴリ、カスタムリンクから必要項目を追加する
  4. ドラッグ操作で順序を整える
  5. 子項目を少し右へずらし、必要な場合だけ階層化する
  6. 各項目を開き、表示名とURLを確認する
  7. テーマの表示位置を選ぶ
  8. メニューを保存する
  9. 公開画面を再読み込みして確認する

メニューを作成しただけでは表示されず、「メニューの位置」への割り当てが必要なテーマがあります。逆に、テーマ変更で同名の表示位置がなくなり、割り当てが外れる場合もあります。

項目名・順序・階層を読者目線で整える

確認項目よい状態見直す状態
表示名行き先を短い言葉で予測できる内部用の長い固定ページ名
順序初めての人の用事順作成日順・管理者の都合順
階層親子関係が明確で浅い3段以上で目的地が隠れる
リンク先公開中の正規URLへ直接到達転送、404、下書き、重複URL
新しいタブ必要な外部資料だけ個別判断内部リンクを一律で別タブ

メニューだけで記事同士の関係をすべて表現することはできません。読者が今の疑問から次の作業へ進めるよう、本文には内容が分かるアンカーテキストで内部リンクを置きます。

保存後は4つの見方で確認する

WordPressメニューを横長画面と縦長画面で確認する様子
確認方法見ること
未ログインのPC正しい位置、順序、現在地、リンク先
スマートフォン開閉、スクロール、項目の欠け、タップ間隔
キーボードTabで移動でき、フォーカス位置が分かるか
別ブラウザーキャッシュに隠れず変更が反映されるか

クリックだけでなく、ロゴからトップへ戻れるか、サブメニューを閉じられるか、現在のページが分かるかも確認します。キャッシュを使っている場合は、管理者の画面だけで判断せず、未ログインで再確認してください。

メニュー項目は「載せられる数」ではなく「選べる数」に絞る

運営者はすべてのページを見せたくなりますが、読者はメニューから一つの行き先を選びます。似た名前が並ぶほど違いを判断しにくくなるため、主要な用事を先に決め、残りはカテゴリ一覧、トップページ、本文内リンクへ分担させます。

  • 初めての読者がサイトの目的を理解する入口
  • 主要テーマやサービスを探す入口
  • 運営者情報、お問い合わせ、プライバシーポリシー等の信頼情報
  • 既存読者が繰り返し使うページ

ヘッダーは主要な行動に絞り、運営情報や規約類はフッターへ置くのが基本候補です。ただし、問い合わせが主目的の事業サイトでは、問い合わせをヘッダーにも置くなど、サイトの役割に合わせます。

公開・削除・URL変更時にもメニューを点検する

メニューは作成時だけでなく、リンク先の状態が変わるたびに更新が必要です。下書きページを先に追加すると、管理者には見えても一般の読者は404になることがあります。公開後のURL変更では、古い項目を残したまま新しい項目を追加すると重複します。

変更メニューで確認すること
固定ページを公開公開URL、表示名、置く位置、未ログイン表示
ページ名を変更メニュー表示名も変えるか、読者に通じるか
URLを変更新URLへの差し替え、旧URLの転送、重複項目
ページを非公開・削除項目の削除、代替ページ、404の有無
テーマを変更表示位置、メニュー割り当て、モバイル開閉

月次点検では、主要項目を一つずつ未ログインで開きます。アクセス数だけで残す・消すを決めず、サイトの目的に必要か、読者が別の導線から到達できるかも合わせて判断してください。

表示されない・リンクできないときの確認順

症状最初の確認
外観にメニューがないブロックテーマか、権限が足りるか
保存しても表示されない編集したメニュー名、表示位置、保存対象、キャッシュ
一部項目が出ないリンク先の公開状態、権限、条件表示
スマホだけ開かないナビゲーションのモバイル設定、テーマや追加スクリプト
古いURLへ飛ぶカスタムリンク、転送、公開済みURL変更

公開済みURLを変更した場合は、メニューだけでなく本文リンク、canonical、サイトマップも更新します。安全な変更手順はWordPressパーマリンク設定の記事で確認できます。

まとめ

WordPressメニューは、先にヘッダーとフッターの役割を決め、リンク候補を減らしてから作ります。ブロックテーマはナビゲーションブロック、クラシックテーマは従来のメニュー画面を主な入口にします。

完成条件は「保存できたこと」ではなく、未ログインのPC・スマートフォン・キーボードで、読者が迷わず目的地へ到達できることです。

-WordPress再生ロードマップ