WordPressでヘッダーメニューを表示する方法


  • テーマのファイルにメニューコードを追加: メニューを表示するために、テーマのファイルにメニューコードを追加する必要があります。一般的な位置は、header.phpファイルですが、テーマによって異なる場合もあります。

    以下は、header.phpファイルにメニューコードを追加する例です。

    <?php
    wp_nav_menu(array(
     'theme_location' => 'primary-menu',
     'container' => 'nav',
     'container_class' => 'header-menu'
    ));
    ?>

    上記の例では、theme_locationパラメータでメニューの場所を指定し、containerパラメータでメニューを囲む要素を指定しています。container_classパラメータでは、メニューを囲む要素のクラスを指定しています。

  • スタイルの適用: メニューが表示されるようになったら、必要に応じてスタイルを適用することができます。CSSを使用してメニューのデザインをカスタマイズすることができます。メニューコンテナ要素のクラス名を使用して、特定のスタイルを指定することができます。

    .header-menu {
     /* ここにスタイルを追加 */
    }
  • 以上の手順に従うと、WordPressでヘッダーメニューを簡単に表示することができます。ご参考までに、上記の手順は一般的な方法ですが、テーマによっては異なる場合もあるため、テーマのドキュメンテーションを参照することもおすすめです。