「WordPressでメニューを作ったのに、サイトに表示されない…」
「管理画面にメニュー設定が見当たらない!」
「テーマを変えたらメニューが消えてしまった…」
WordPressでサイトを作っている時、こんな困った状況に遭遇したことはありませんか?
メニュー(ナビゲーション)はサイト訪問者が目的のページを見つけるための重要な要素。これが表示されないと、訪問者はサイト内を移動できず、すぐに離脱してしまいます。
今回は、WordPressのメニューが表示されない原因と、それぞれの解決方法を詳しく解説します。初心者の方でもわかるよう、画面の操作手順を丁寧に説明していきますので、安心してくださいね。
WordPressのメニューとは

まず、WordPressのメニューについて基本を押さえておきましょう。
メニューの役割
メニュー(ナビゲーションメニュー)は、サイトの各ページへのリンクをまとめた案内板のようなものです。
通常、サイトの上部(ヘッダー)に配置され、「ホーム」「サービス」「お問い合わせ」といった主要ページへのリンクが並んでいます。
メニューの別名
- グローバルナビゲーション(グローバルナビ)
- ナビゲーションメニュー
- ナビゲーションバー
メニューの重要性
メニューがないサイトは、目次のない本のようなもの。訪問者がどこに何があるのかわからず、必要な情報にたどり着けません。
メニューが正しく表示されないと、以下のような問題が起こります。
- 訪問者の離脱率が上がる
- サイトの使いやすさが大幅に低下
- SEOにも悪影響
- プロフェッショナルさに欠ける印象
メニューが表示されない主な原因
WordPressのメニューが表示されない原因は、いくつかのパターンに分類できます。
原因1:ブロックテーマとクラシックテーマの違い(最重要)
これが最も多い原因です!
WordPress 5.9以降、「ブロックテーマ」という新しいタイプのテーマが登場しました。
ブロックテーマの特徴
- フルサイト編集(Full Site Editing, FSE)に対応
- 管理画面の「外観」メニューに「カスタマイズ」「メニュー」「ウィジェット」が表示されない
- 代わりに「エディター」という項目がある
判定方法
管理画面の左メニューで「外観」を見てください。
- 「テーマ」と「エディター」しかない → ブロックテーマ
- 「カスタマイズ」「メニュー」「ウィジェット」がある → クラシックテーマ
原因2:メニューの設定ミス
メニューを作成しただけで、表示位置を指定していないケースです。
WordPressでは、メニューを作成した後に「どこに表示するか」を設定する必要があります。
原因3:テーマがメニュー機能に対応していない
古いテーマやシンプルなテーマの中には、メニュー機能がないものもあります。
特に自作テーマや配布されている無料テーマで起こりやすい問題です。
原因4:プラグインの競合
特定のプラグインが、メニューの表示を妨げている可能性があります。
特に以下のようなプラグインで起こりやすいです。
- ページビルダー系プラグイン
- ヘッダーカスタマイズ系プラグイン
- キャッシュ系プラグイン
- セキュリティ系プラグイン
原因5:キャッシュの問題
ブラウザのキャッシュやキャッシュプラグインに古いデータが残っていると、最新のメニュー設定が反映されません。
原因6:ユーザー権限の問題
ログインしているユーザーアカウントに、メニューを編集する権限がない場合があります。
「編集者」「寄稿者」などの権限では、メニューの設定画面が表示されません。
原因7:テーマのアップデート後の不具合
テーマを更新した際に、以前の設定との互換性がなくなり、メニューが表示されなくなることがあります。
原因8:カスタムコードのエラー
functions.phpファイルやカスタムCSSに誤ったコードがあると、メニューが表示されなくなります。
【解決方法】ブロックテーマの場合
ブロックテーマを使用している場合の解決方法です。
ステップ1:使用中のテーマを確認
まず、本当にブロックテーマなのかを確認しましょう。
- WordPressの管理画面にログイン
- 左メニューの「外観」をクリック
- 「エディター」という項目があればブロックテーマです
ステップ2:エディターからメニューを設定
ブロックテーマでは、「外観」>「エディター」からメニューを設定します。
設定手順
- 管理画面で「外観」>「エディター」をクリック
- 左側のメニューから「ナビゲーション」を選択
- または、画面上部のヘッダー部分をクリック
- ナビゲーションブロックを見つけてクリック
- 「+」ボタンをクリックして項目を追加
- 各項目を編集:リンク先、表示テキストを設定
- 右上の「保存」をクリック
ステップ3:テンプレートパーツでの設定
ヘッダーテンプレートから直接編集する方法もあります。
- 「外観」>「エディター」をクリック
- 「テンプレート」>「テンプレートパーツ」を選択
- 「ヘッダー」をクリック
- ナビゲーションブロックを編集
- 保存
クラシックテーマに切り替える方法
ブロックテーマではなく、従来の方法でメニューを設定したい場合は、クラシックテーマに切り替えましょう。
おすすめのクラシックテーマ
- Twenty Twenty-One
- Twenty Twenty
- Cocoon(日本製の無料テーマ)
- Lightning(日本製の無料テーマ)
切り替え方法
- 「外観」>「テーマ」をクリック
- 上記のいずれかのテーマを「有効化」
- 管理画面を確認すると「外観」>「メニュー」が表示されます
【解決方法】クラシックテーマの場合
クラシックテーマを使用している場合の解決方法です。
方法1:メニューの設定を確認
最も基本的な確認事項です。
手順1:メニューが作成されているか確認
- 管理画面で「外観」>「メニュー」をクリック
- 画面上部の「編集するメニューを選択」でメニューが存在するか確認
- メニューがない場合は新規作成が必要
手順2:メニューを新規作成
- 「外観」>「メニュー」をクリック
- 「メニュー名」に任意の名前を入力(例:メインメニュー)
- 「メニューを作成」ボタンをクリック
手順3:メニュー項目を追加
- 左側の「固定ページ」から追加したいページにチェック
- 「メニューに追加」ボタンをクリック
- 右側の「メニュー構造」に項目が追加されます
- ドラッグ&ドロップで並び順を変更できます
手順4:メニューの表示位置を設定(重要!)
これを忘れると表示されません!
- 画面を下にスクロール
- 「メニュー設定」セクションを見つける
- 「メニューの位置」で表示したい場所にチェック
- 主なメニュー
- ヘッダーメニュー
- グローバルナビゲーション
(テーマによって表示される選択肢が異なります)
- 「メニューを保存」ボタンをクリック
手順5:サイトを確認
ブラウザで自分のサイトを開き、メニューが表示されているか確認しましょう。
方法2:テーマを変更する
テーマがメニュー機能に対応していない場合は、別のテーマに変更します。
テーマのメニュー対応を確認
- 「外観」>「テーマ」をクリック
- 使用中のテーマの「詳細情報」を確認
- 「機能」欄に「メニュー」があるかチェック
デフォルトテーマで動作確認
- 「外観」>「テーマ」をクリック
- Twenty Twenty-Oneなどのデフォルトテーマを有効化
- メニューが表示されるか確認
- 表示される場合は、元のテーマに問題があります
方法3:プラグインの競合を確認
プラグインが原因でメニューが表示されない場合があります。
全プラグインを一時停止
- 「プラグイン」>「インストール済みプラグイン」をクリック
- 一番上のチェックボックスにチェック(全選択)
- 「一括操作」で「停止」を選択
- 「適用」をクリック
メニューの表示を確認
サイトを開き、メニューが表示されるようになったか確認します。
原因プラグインを特定
- プラグインを1つずつ有効化
- 有効化するたびにサイトを確認
- メニューが消えたら、そのプラグインが原因
対処法
- 問題のプラグインを削除
- 別のプラグインで代用
- プラグインの設定を見直す
- プラグイン開発者に問い合わせ
方法4:キャッシュをクリアする
古いキャッシュが原因の場合があります。
ブラウザのキャッシュをクリア
Google Chromeの場合
- 右上の「︙」(3点メニュー)をクリック
- 「その他のツール」>「閲覧履歴を消去」を選択
- 「キャッシュされた画像とファイル」にチェック
- 「データを消去」をクリック
簡単な方法
Ctrl + Shift + R(Windows)またはCommand + Shift + R(Mac)で強制再読み込み
シークレットモード(プライベートブラウジング)で確認
キャッシュの影響を受けない状態でサイトを確認できます。
- Ctrl + Shift + N(Windows)またはCommand + Shift + N(Mac)
- シークレットウィンドウでサイトを開く
- メニューが表示されれば、キャッシュが原因
WordPressのキャッシュプラグインをクリア
キャッシュプラグインを使用している場合:
WP Super Cacheの場合
- 「設定」>「WP Super Cache」をクリック
- 「キャッシュ削除」ボタンをクリック
W3 Total Cacheの場合
- 「Performance」>「Dashboard」をクリック
- 「empty all caches」をクリック
サーバーのキャッシュをクリア
レンタルサーバーによってはサーバー側でキャッシュを保持しています。
- エックスサーバー:サーバーパネルから「キャッシュ削除」
- ConoHa WING:コントロールパネルから「キャッシュクリア」
- ロリポップ:ユーザー専用ページから「キャッシュクリア」
方法5:ユーザー権限を確認
管理者権限があるか確認しましょう。
自分の権限を確認
- 「ユーザー」>「プロフィール」をクリック
- 権限グループが「管理者」になっているか確認
別の管理者アカウントでログイン
自分のアカウントに問題がある場合、別の管理者アカウントを作成してログインします。
方法6:テーマファイルを確認(上級者向け)
テーマファイルにメニューを表示するコードが記述されているか確認します。
functions.phpの確認
メニュー機能を有効にするコードが必要です。
register_nav_menus( array(
'primary' => 'メインメニュー',
'footer' => 'フッターメニュー',
) );
header.phpの確認
ヘッダーファイルにメニューを呼び出すコードがあるか確認します。
wp_nav_menu( array(
'theme_location' => 'primary',
'container' => 'nav',
) );
注意:コードを編集する際は、必ずバックアップを取ってから行ってください。
モバイルでメニューが表示されない場合
スマートフォンでメニューが表示されない場合の対処法です。
モバイルメニューの設定を確認
- 「外観」>「カスタマイズ」をクリック
- 「ヘッダー」または「レイアウト」を選択
- 「モバイルメニュー」の設定を確認
- 有効になっているか確認
レスポンシブデザインの確認
テーマがレスポンシブデザインに対応しているか確認しましょう。
確認方法
- PCのブラウザで自分のサイトを開く
- F12キーを押して開発者ツールを開く
- デバイスツールバーのアイコンをクリック
- スマートフォンのサイズに変更
- メニューの表示を確認
CSSの確認
カスタムCSSでメニューが非表示になっていないか確認します。
/* 間違った例:メニューを非表示にしてしまう */
.menu {
display: none;
}
特殊なケース:メニュー項目が追加できない
メニュー自体は表示されるが、項目が追加できない場合の対処法です。
ケース1:ページが表示されない
追加したいページが公開されているか確認しましょう。
- 「固定ページ」>「固定ページ一覧」をクリック
- ステータスが「公開済み」になっているか確認
- 「下書き」の場合は公開する必要があります
ケース2:表示オプションの設定
画面に表示される項目を制限している可能性があります。
- 「外観」>「メニュー」を開く
- 画面右上の「表示オプション」をクリック
- 「固定ページ」「カスタムリンク」など、必要な項目にチェック
- ページ数が多い場合は「すべて表示」をクリック
ケース3:既に追加されている
同じページを2回追加することはできません。
右側の「メニュー構造」に既に追加されていないか確認しましょう。
予防策:メニューが消えないようにする対策
対策1:定期的なバックアップ
メニュー設定を含むサイト全体のバックアップを定期的に取りましょう。
おすすめバックアッププラグイン
- UpdraftPlus
- BackWPup
- All-in-One WP Migration
対策2:テーマとプラグインの更新
更新前に必ずバックアップを取り、更新後は動作確認を行いましょう。
対策3:子テーマの使用
テーマをカスタマイズする場合は、子テーマを使用します。
親テーマが更新されても、カスタマイズ内容が消えません。
対策4:信頼できるテーマとプラグインを使用
- 公式ディレクトリに登録されているもの
- 評価が高く、定期的に更新されているもの
- サポートが充実しているもの
トラブルシューティングの手順まとめ
問題を効率的に解決するための手順です。
ステップ1:基本確認
- ブロックテーマかクラシックテーマかを確認
- メニューが作成されているか確認
- メニューの位置が設定されているか確認
ステップ2:簡単な対処
- キャッシュをクリア
- ブラウザを再起動
- シークレットモードで確認
ステップ3:原因の切り分け
- デフォルトテーマで動作確認
- すべてのプラグインを停止して確認
- 1つずつプラグインを有効化
ステップ4:設定の見直し
- メニューの設定を最初から作り直す
- ユーザー権限を確認
- テーマの設定を見直す
ステップ5:専門家に相談
- テーマ開発者に問い合わせ
- WordPressフォーラムで質問
- WordPress専門家に依頼
よくある質問
Q1:メニューは表示されるが、空白になっている
メニュー項目が追加されていない可能性があります。
「外観」>「メニュー」で項目を追加してください。
Q2:階層メニューが表示されない
テーマによっては、階層(ドロップダウン)メニューに対応していない場合があります。
テーマのドキュメントを確認するか、別のテーマを試してみてください。
Q3:メニューのデザインを変更したい
「外観」>「カスタマイズ」から、メニューの色やフォントを変更できる場合があります。
より詳細なカスタマイズは、カスタムCSSが必要です。
Q4:複数のメニューを作成できますか?
はい、できます。
「外観」>「メニュー」で複数のメニューを作成し、それぞれ異なる位置に割り当てることができます。
Q5:メニューが突然消えた
以下の可能性があります。
- テーマやプラグインの更新
- 誤って削除してしまった
- データベースのトラブル
バックアップがあれば復元を、なければメニューを作り直しましょう。
まとめ
WordPressのメニューが表示されない問題について、原因と解決方法を詳しく解説しました。
重要ポイントのおさらい
- ブロックテーマとクラシックテーマの違いを理解する
- ブロックテーマは「エディター」から設定
- クラシックテーマは「メニュー」から設定
- メニューの位置設定を忘れずに
- メニューを作成しただけでは表示されない
- 必ず表示位置を指定する
- 基本的なトラブルシューティング
- キャッシュのクリア
- プラグインの停止テスト
- デフォルトテーマでの動作確認
- 定期的なバックアップが重要
- 問題が起きても復元できる
- 安心して作業できる
メニューはサイトの使いやすさを大きく左右する重要な要素です。正しく表示されることで、訪問者がスムーズにサイトを閲覧でき、目的の情報にたどり着けるようになります。
今回紹介した方法を試しても解決しない場合は、WordPressの公式フォーラムで質問したり、テーマ開発者に問い合わせたりすることをおすすめします。
あなたのWordPressサイトのメニューが無事に表示されることを願っています!

コメント