ホーム>技術

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

目次

おすすめ

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

当ブログでは、オンライン学習サービス「CodeCamp」をおすすめしています。
CodeCampは、株式会社コードキャンプが提供しているオンライン学習サービスです。
利用するメリットとして、マンツーマン指導や転職支援があることが挙げられます。
また、今なら無料でカウンセリングが受講でき、受講料1万円割引クーポンが貰えます。
独学に限界を感じている方や、就職・転職やキャリアに悩んでいる方は相談してみてはいかがでしょうか?
ぜひ一度カウンセリングを受講してみてください。この機会をお見逃しなく!

CodeCamp

実行環境

OSmacOS Big Sur11.6
WordPress5.8.1

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

XAMPPのローカル環境にWordPressをインストールする方法

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

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

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

WordPressの管理画面にメニューが表示されない場合の対処法

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

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

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

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

メモ

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

WordPressの管理画面にメニューが表示されない場合の対処法

お疲れさまでした

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

どんな記事が読みたいですか?

現在、ミルラクでは記事に関するアンケートを実施しています。
ご回答いただいた内容は今後の記事の役立てていきますので、ぜひご回答ください!