WordPressのメニューが表示されない!原因と解決方法を徹底解説

Web

「WordPressでメニューを作ったのに、サイトに表示されない…」
「管理画面にメニュー設定が見当たらない!」
「テーマを変えたらメニューが消えてしまった…」

WordPressでサイトを作っている時、こんな困った状況に遭遇したことはありませんか?

メニュー(ナビゲーション)はサイト訪問者が目的のページを見つけるための重要な要素。これが表示されないと、訪問者はサイト内を移動できず、すぐに離脱してしまいます。

今回は、WordPressのメニューが表示されない原因と、それぞれの解決方法を詳しく解説します。初心者の方でもわかるよう、画面の操作手順を丁寧に説明していきますので、安心してくださいね。

スポンサーリンク
  1. WordPressのメニューとは
    1. メニューの役割
    2. メニューの重要性
  2. メニューが表示されない主な原因
    1. 原因1:ブロックテーマとクラシックテーマの違い(最重要)
    2. 原因2:メニューの設定ミス
    3. 原因3:テーマがメニュー機能に対応していない
    4. 原因4:プラグインの競合
    5. 原因5:キャッシュの問題
    6. 原因6:ユーザー権限の問題
    7. 原因7:テーマのアップデート後の不具合
    8. 原因8:カスタムコードのエラー
  3. 【解決方法】ブロックテーマの場合
    1. ステップ1:使用中のテーマを確認
    2. ステップ2:エディターからメニューを設定
    3. ステップ3:テンプレートパーツでの設定
    4. クラシックテーマに切り替える方法
  4. 【解決方法】クラシックテーマの場合
    1. 方法1:メニューの設定を確認
    2. 方法2:テーマを変更する
    3. 方法3:プラグインの競合を確認
    4. 方法4:キャッシュをクリアする
    5. 方法5:ユーザー権限を確認
    6. 方法6:テーマファイルを確認(上級者向け)
  5. モバイルでメニューが表示されない場合
    1. モバイルメニューの設定を確認
    2. レスポンシブデザインの確認
    3. CSSの確認
  6. 特殊なケース:メニュー項目が追加できない
    1. ケース1:ページが表示されない
    2. ケース2:表示オプションの設定
    3. ケース3:既に追加されている
  7. 予防策:メニューが消えないようにする対策
    1. 対策1:定期的なバックアップ
    2. 対策2:テーマとプラグインの更新
    3. 対策3:子テーマの使用
    4. 対策4:信頼できるテーマとプラグインを使用
  8. トラブルシューティングの手順まとめ
  9. よくある質問
    1. Q1:メニューは表示されるが、空白になっている
    2. Q2:階層メニューが表示されない
    3. Q3:メニューのデザインを変更したい
    4. Q4:複数のメニューを作成できますか?
    5. Q5:メニューが突然消えた
  10. まとめ

WordPressのメニューとは

まず、WordPressのメニューについて基本を押さえておきましょう。

メニューの役割

メニュー(ナビゲーションメニュー)は、サイトの各ページへのリンクをまとめた案内板のようなものです。

通常、サイトの上部(ヘッダー)に配置され、「ホーム」「サービス」「お問い合わせ」といった主要ページへのリンクが並んでいます。

メニューの別名

  • グローバルナビゲーション(グローバルナビ)
  • ナビゲーションメニュー
  • ナビゲーションバー

メニューの重要性

メニューがないサイトは、目次のない本のようなもの。訪問者がどこに何があるのかわからず、必要な情報にたどり着けません。

メニューが正しく表示されないと、以下のような問題が起こります。

  • 訪問者の離脱率が上がる
  • サイトの使いやすさが大幅に低下
  • SEOにも悪影響
  • プロフェッショナルさに欠ける印象

メニューが表示されない主な原因

WordPressのメニューが表示されない原因は、いくつかのパターンに分類できます。

原因1:ブロックテーマとクラシックテーマの違い(最重要)

これが最も多い原因です!

WordPress 5.9以降、「ブロックテーマ」という新しいタイプのテーマが登場しました。

ブロックテーマの特徴

  • フルサイト編集(Full Site Editing, FSE)に対応
  • 管理画面の「外観」メニューに「カスタマイズ」「メニュー」「ウィジェット」が表示されない
  • 代わりに「エディター」という項目がある

判定方法

管理画面の左メニューで「外観」を見てください。

  • 「テーマ」と「エディター」しかない → ブロックテーマ
  • 「カスタマイズ」「メニュー」「ウィジェット」がある → クラシックテーマ

原因2:メニューの設定ミス

メニューを作成しただけで、表示位置を指定していないケースです。

WordPressでは、メニューを作成した後に「どこに表示するか」を設定する必要があります。

原因3:テーマがメニュー機能に対応していない

古いテーマやシンプルなテーマの中には、メニュー機能がないものもあります。

特に自作テーマや配布されている無料テーマで起こりやすい問題です。

原因4:プラグインの競合

特定のプラグインが、メニューの表示を妨げている可能性があります。

特に以下のようなプラグインで起こりやすいです。

  • ページビルダー系プラグイン
  • ヘッダーカスタマイズ系プラグイン
  • キャッシュ系プラグイン
  • セキュリティ系プラグイン

原因5:キャッシュの問題

ブラウザのキャッシュやキャッシュプラグインに古いデータが残っていると、最新のメニュー設定が反映されません。

原因6:ユーザー権限の問題

ログインしているユーザーアカウントに、メニューを編集する権限がない場合があります。

「編集者」「寄稿者」などの権限では、メニューの設定画面が表示されません。

原因7:テーマのアップデート後の不具合

テーマを更新した際に、以前の設定との互換性がなくなり、メニューが表示されなくなることがあります。

原因8:カスタムコードのエラー

functions.phpファイルやカスタムCSSに誤ったコードがあると、メニューが表示されなくなります。

【解決方法】ブロックテーマの場合

ブロックテーマを使用している場合の解決方法です。

ステップ1:使用中のテーマを確認

まず、本当にブロックテーマなのかを確認しましょう。

  1. WordPressの管理画面にログイン
  2. 左メニューの「外観」をクリック
  3. 「エディター」という項目があればブロックテーマです

ステップ2:エディターからメニューを設定

ブロックテーマでは、「外観」>「エディター」からメニューを設定します。

設定手順

  1. 管理画面で「外観」>「エディター」をクリック
  2. 左側のメニューから「ナビゲーション」を選択
  3. または、画面上部のヘッダー部分をクリック
  4. ナビゲーションブロックを見つけてクリック
  5. 「+」ボタンをクリックして項目を追加
  6. 各項目を編集:リンク先、表示テキストを設定
  7. 右上の「保存」をクリック

ステップ3:テンプレートパーツでの設定

ヘッダーテンプレートから直接編集する方法もあります。

  1. 「外観」>「エディター」をクリック
  2. 「テンプレート」>「テンプレートパーツ」を選択
  3. 「ヘッダー」をクリック
  4. ナビゲーションブロックを編集
  5. 保存

クラシックテーマに切り替える方法

ブロックテーマではなく、従来の方法でメニューを設定したい場合は、クラシックテーマに切り替えましょう。

おすすめのクラシックテーマ

  • Twenty Twenty-One
  • Twenty Twenty
  • Cocoon(日本製の無料テーマ)
  • Lightning(日本製の無料テーマ)

切り替え方法

  1. 「外観」>「テーマ」をクリック
  2. 上記のいずれかのテーマを「有効化」
  3. 管理画面を確認すると「外観」>「メニュー」が表示されます

【解決方法】クラシックテーマの場合

クラシックテーマを使用している場合の解決方法です。

方法1:メニューの設定を確認

最も基本的な確認事項です。

手順1:メニューが作成されているか確認

  1. 管理画面で「外観」>「メニュー」をクリック
  2. 画面上部の「編集するメニューを選択」でメニューが存在するか確認
  3. メニューがない場合は新規作成が必要

手順2:メニューを新規作成

  1. 「外観」>「メニュー」をクリック
  2. 「メニュー名」に任意の名前を入力(例:メインメニュー)
  3. 「メニューを作成」ボタンをクリック

手順3:メニュー項目を追加

  1. 左側の「固定ページ」から追加したいページにチェック
  2. 「メニューに追加」ボタンをクリック
  3. 右側の「メニュー構造」に項目が追加されます
  4. ドラッグ&ドロップで並び順を変更できます

手順4:メニューの表示位置を設定(重要!)

これを忘れると表示されません!

  1. 画面を下にスクロール
  2. 「メニュー設定」セクションを見つける
  3. 「メニューの位置」で表示したい場所にチェック
  • 主なメニュー
  • ヘッダーメニュー
  • グローバルナビゲーション
    (テーマによって表示される選択肢が異なります)
  1. 「メニューを保存」ボタンをクリック

手順5:サイトを確認

ブラウザで自分のサイトを開き、メニューが表示されているか確認しましょう。

方法2:テーマを変更する

テーマがメニュー機能に対応していない場合は、別のテーマに変更します。

テーマのメニュー対応を確認

  1. 「外観」>「テーマ」をクリック
  2. 使用中のテーマの「詳細情報」を確認
  3. 「機能」欄に「メニュー」があるかチェック

デフォルトテーマで動作確認

  1. 「外観」>「テーマ」をクリック
  2. Twenty Twenty-Oneなどのデフォルトテーマを有効化
  3. メニューが表示されるか確認
  4. 表示される場合は、元のテーマに問題があります

方法3:プラグインの競合を確認

プラグインが原因でメニューが表示されない場合があります。

全プラグインを一時停止

  1. 「プラグイン」>「インストール済みプラグイン」をクリック
  2. 一番上のチェックボックスにチェック(全選択)
  3. 「一括操作」で「停止」を選択
  4. 「適用」をクリック

メニューの表示を確認

サイトを開き、メニューが表示されるようになったか確認します。

原因プラグインを特定

  1. プラグインを1つずつ有効化
  2. 有効化するたびにサイトを確認
  3. メニューが消えたら、そのプラグインが原因

対処法

  • 問題のプラグインを削除
  • 別のプラグインで代用
  • プラグインの設定を見直す
  • プラグイン開発者に問い合わせ

方法4:キャッシュをクリアする

古いキャッシュが原因の場合があります。

ブラウザのキャッシュをクリア

Google Chromeの場合

  1. 右上の「︙」(3点メニュー)をクリック
  2. 「その他のツール」>「閲覧履歴を消去」を選択
  3. 「キャッシュされた画像とファイル」にチェック
  4. 「データを消去」をクリック

簡単な方法

Ctrl + Shift + R(Windows)またはCommand + Shift + R(Mac)で強制再読み込み

シークレットモード(プライベートブラウジング)で確認

キャッシュの影響を受けない状態でサイトを確認できます。

  1. Ctrl + Shift + N(Windows)またはCommand + Shift + N(Mac)
  2. シークレットウィンドウでサイトを開く
  3. メニューが表示されれば、キャッシュが原因

WordPressのキャッシュプラグインをクリア

キャッシュプラグインを使用している場合:

WP Super Cacheの場合

  1. 「設定」>「WP Super Cache」をクリック
  2. 「キャッシュ削除」ボタンをクリック

W3 Total Cacheの場合

  1. 「Performance」>「Dashboard」をクリック
  2. 「empty all caches」をクリック

サーバーのキャッシュをクリア

レンタルサーバーによってはサーバー側でキャッシュを保持しています。

  • エックスサーバー:サーバーパネルから「キャッシュ削除」
  • ConoHa WING:コントロールパネルから「キャッシュクリア」
  • ロリポップ:ユーザー専用ページから「キャッシュクリア」

方法5:ユーザー権限を確認

管理者権限があるか確認しましょう。

自分の権限を確認

  1. 「ユーザー」>「プロフィール」をクリック
  2. 権限グループが「管理者」になっているか確認

別の管理者アカウントでログイン

自分のアカウントに問題がある場合、別の管理者アカウントを作成してログインします。

方法6:テーマファイルを確認(上級者向け)

テーマファイルにメニューを表示するコードが記述されているか確認します。

functions.phpの確認

メニュー機能を有効にするコードが必要です。

register_nav_menus( array(
    'primary' => 'メインメニュー',
    'footer' => 'フッターメニュー',
) );

header.phpの確認

ヘッダーファイルにメニューを呼び出すコードがあるか確認します。

wp_nav_menu( array(
    'theme_location' => 'primary',
    'container' => 'nav',
) );

注意:コードを編集する際は、必ずバックアップを取ってから行ってください。

モバイルでメニューが表示されない場合

スマートフォンでメニューが表示されない場合の対処法です。

モバイルメニューの設定を確認

  1. 「外観」>「カスタマイズ」をクリック
  2. 「ヘッダー」または「レイアウト」を選択
  3. 「モバイルメニュー」の設定を確認
  4. 有効になっているか確認

レスポンシブデザインの確認

テーマがレスポンシブデザインに対応しているか確認しましょう。

確認方法

  1. PCのブラウザで自分のサイトを開く
  2. F12キーを押して開発者ツールを開く
  3. デバイスツールバーのアイコンをクリック
  4. スマートフォンのサイズに変更
  5. メニューの表示を確認

CSSの確認

カスタムCSSでメニューが非表示になっていないか確認します。

/* 間違った例:メニューを非表示にしてしまう */
.menu {
    display: none;
}

特殊なケース:メニュー項目が追加できない

メニュー自体は表示されるが、項目が追加できない場合の対処法です。

ケース1:ページが表示されない

追加したいページが公開されているか確認しましょう。

  1. 「固定ページ」>「固定ページ一覧」をクリック
  2. ステータスが「公開済み」になっているか確認
  3. 「下書き」の場合は公開する必要があります

ケース2:表示オプションの設定

画面に表示される項目を制限している可能性があります。

  1. 「外観」>「メニュー」を開く
  2. 画面右上の「表示オプション」をクリック
  3. 「固定ページ」「カスタムリンク」など、必要な項目にチェック
  4. ページ数が多い場合は「すべて表示」をクリック

ケース3:既に追加されている

同じページを2回追加することはできません。

右側の「メニュー構造」に既に追加されていないか確認しましょう。

予防策:メニューが消えないようにする対策

対策1:定期的なバックアップ

メニュー設定を含むサイト全体のバックアップを定期的に取りましょう。

おすすめバックアッププラグイン

  • UpdraftPlus
  • BackWPup
  • All-in-One WP Migration

対策2:テーマとプラグインの更新

更新前に必ずバックアップを取り、更新後は動作確認を行いましょう。

対策3:子テーマの使用

テーマをカスタマイズする場合は、子テーマを使用します。

親テーマが更新されても、カスタマイズ内容が消えません。

対策4:信頼できるテーマとプラグインを使用

  • 公式ディレクトリに登録されているもの
  • 評価が高く、定期的に更新されているもの
  • サポートが充実しているもの

トラブルシューティングの手順まとめ

問題を効率的に解決するための手順です。

ステップ1:基本確認

  1. ブロックテーマかクラシックテーマかを確認
  2. メニューが作成されているか確認
  3. メニューの位置が設定されているか確認

ステップ2:簡単な対処

  1. キャッシュをクリア
  2. ブラウザを再起動
  3. シークレットモードで確認

ステップ3:原因の切り分け

  1. デフォルトテーマで動作確認
  2. すべてのプラグインを停止して確認
  3. 1つずつプラグインを有効化

ステップ4:設定の見直し

  1. メニューの設定を最初から作り直す
  2. ユーザー権限を確認
  3. テーマの設定を見直す

ステップ5:専門家に相談

  1. テーマ開発者に問い合わせ
  2. WordPressフォーラムで質問
  3. WordPress専門家に依頼

よくある質問

Q1:メニューは表示されるが、空白になっている

メニュー項目が追加されていない可能性があります。

「外観」>「メニュー」で項目を追加してください。

Q2:階層メニューが表示されない

テーマによっては、階層(ドロップダウン)メニューに対応していない場合があります。

テーマのドキュメントを確認するか、別のテーマを試してみてください。

Q3:メニューのデザインを変更したい

「外観」>「カスタマイズ」から、メニューの色やフォントを変更できる場合があります。

より詳細なカスタマイズは、カスタムCSSが必要です。

Q4:複数のメニューを作成できますか?

はい、できます。

「外観」>「メニュー」で複数のメニューを作成し、それぞれ異なる位置に割り当てることができます。

Q5:メニューが突然消えた

以下の可能性があります。

  • テーマやプラグインの更新
  • 誤って削除してしまった
  • データベースのトラブル

バックアップがあれば復元を、なければメニューを作り直しましょう。

まとめ

WordPressのメニューが表示されない問題について、原因と解決方法を詳しく解説しました。

重要ポイントのおさらい

  1. ブロックテーマとクラシックテーマの違いを理解する
  • ブロックテーマは「エディター」から設定
  • クラシックテーマは「メニュー」から設定
  1. メニューの位置設定を忘れずに
  • メニューを作成しただけでは表示されない
  • 必ず表示位置を指定する
  1. 基本的なトラブルシューティング
  • キャッシュのクリア
  • プラグインの停止テスト
  • デフォルトテーマでの動作確認
  1. 定期的なバックアップが重要
  • 問題が起きても復元できる
  • 安心して作業できる

メニューはサイトの使いやすさを大きく左右する重要な要素です。正しく表示されることで、訪問者がスムーズにサイトを閲覧でき、目的の情報にたどり着けるようになります。

今回紹介した方法を試しても解決しない場合は、WordPressの公式フォーラムで質問したり、テーマ開発者に問い合わせたりすることをおすすめします。

あなたのWordPressサイトのメニューが無事に表示されることを願っています!

コメント

タイトルとURLをコピーしました