ミルラク

WordPressのテーマにメニューを表示する方法

更新日: 2022-06-07

当サイトはアフィリエイト広告を利用しています。

おすすめ

WordPressでテーマを作成してみたい!という方にぴったりな本です。
テーマの概要や構成はもちろん、プラグインやセキュリティ等の運用面まで幅広く紹介されています。
中でも、充実した学習用のサンプルファイルと付録にあるPHPの基礎解説は初心者必見です!
ぜひ一度手に取ってみてください。

実行環境

OSmacOS Big Sur11.6
WordPress5.8.1

実行環境がない方は、次の記事を参考に構築してください。

[post_link_internal 1368]

WordPressのテーマにメニューを表示する

今回は、WordPressのテーマにメニューを表示する方法をご紹介します。

メニューには、WordPressの管理画面の「外観 > メニュー」で登録した内容が表示されます。
WordPressの管理画面にメニューが表示されていない場合は、次の記事を参考にしてください。

[post_link_internal 1412]

テンプレートにコードを追加する

テーマにメニューを表示するには、メニューを表示したい場所に次のコードを追加します。

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

<?php wp_nav_menu() ?>は、ナビゲーションメニューを表示するテンプレートタグです。
ここでは、functions.phpの<?php register_nav_menu() ?>で定義済みのメニュー ‘menu-primary’ にナビゲーションメニューを表示しています。

メモ

メニューを定義する方法については、次の記事を参考にしてください。

[post_link_internal 1412]

お疲れさまでした

WordPressのテーマにメニューを表示する方法をご紹介しました。
少しでも参考になれば幸いです。