メニューに関するよくある問題をトラブルシューティングする

サイトのナビゲーションメニューは、訪問者がコンテンツを見つけたり、サイト内を移動したりするのに役立ちます。このガイドでは、メニューに関する最もよくある問題をトラブルシューティングおよび修正する方法について説明します。

メニューの編集方法はテーマの種類によって異なります。ブロックテーマはサイトエディターを使用しますが、クラシックテーマや一部のサードパーティ製テーマはカスタマイザーを使用します。どこで編集するかを把握するには、サイトのダッシュボードで「外観」を確認します。

• 「外観」に「エディター」がある場合は、ブロックテーマを使用しています。「外観」→「エディター」でメニューを編集します。
• 「外観」に「カスタマイズ」がある場合は、クラシックテーマを使用しています。「外観」→「カスタマイズ」→「メニュー」または「外観」→「メニュー」でメニューを編集します。

サイトのメニューを編集する詳細なプロセスについて参照してください。

ナビゲーションメニューがサイトに表示されない場合、テーマのヘッダーまたはフッターにナビゲーションブロックが存在しない可能性があります。ほとんどのテーマにはデフォルトで含まれていますが、用意されていないか削除されている場合、メニューは表示されません。

サイトにナビゲーションブロックを追加する方法を参照してください。

新しいページまたは投稿を公開しても、メニューに自動的に追加されることはありません。手動で追加する必要があります。

メニューにはさまざまな種類のコンテンツを追加できます。

• メニューにページや投稿を追加する
• メニューにカテゴリーを追加する
• メニューにカスタムリンクやその他のコンテンツタイプを追加する

最初にナビゲーションブロックを追加すると、サイトのメニューが表示されます。まだカスタムメニューを作成していない場合、自動的に固定ページリストブロックが含まれます。固定ページリストブロックはすべての公開済みの固定ページを表示し、新規ページ公開時に自動的に更新されます。

固定ページリストブロックを使用している場合は、公開済み固定ページのみを最上位のメニュー項目として表示します。子ページはドロップダウンやサブメニューとして表示されません。子ページでドロップダウンを作成するには、ページリストを個々のメニューリンクに変換する必要があります。

ドロップダウンメニューを作成する方法を参照してください。

デフォルトでは、メニューは小さな画面ではモバイル対応のハンバーガー型メニュー (3本線のアイコン) に自動的に変換されます。この動作をカスタマイズして、モバイルメニューが表示された場合にフルメニューを表示したり、レイアウトを調整したり、変更したりできます。

モバイル端末向けにメニューのデザインを変更する方法を参照してください。

注: モバイルとデスクトップでまったく異なるメニューコンテンツを表示する場合は、2つのメニューを作成し、CSS を使用して画面サイズに基づき表示または非表示する必要があります。CSS を使用して特定の端末でコンテンツを非表示にする方法を参照してください。この方法には、CSS に関する知識が必要です。

メニューが水平ではなく垂直に表示される場合 (またはその逆) や、メニュー項目が想定どおりに配置されない場合は、ナビゲーションブロックのレイアウト設定を調整できます。

メニューのレイアウトと表示を調整する方法を参照してください。