WordPressでカスタムメニューをfunctions.phpを使って作成しよう！｜プロテイン・ガジェット・WEBについて発信するブログ

今回はWordPressのカスタムメニューをfinctions.phpで有効にし、WP側でメニューを設定して、テンプレートに出力させるといった方法を紹介します。

functions.phpでカスタムメニューを追加

まずはfunctions.phpに以下の記述をしてください。

<?php register_nav_menus( 'global-nav' => 'グローバルナビ' ); ?>

1	<?php register_nav_menus( 'global-nav' => 'グローバルナビ' ); ?>

そしてWordPressの管理画面の外観→メニューへ移動すると上の画像のように「メニュー設定」の欄に「グローバルナビ」が追加されます。

メニューの位置が追加されていることを確認できたら、

「メニュー新規作成」からメニューを作成し、追加した「メニューの位置」にチェックをして保存をしてください。

あとは、左側にある一覧からメニューに追加したい項目を選択し、メニューを追加していきます。

WordPress側での設定はここまでです。

あとは、themeファイルの中にあるテンプレートにカスタムメニューを呼び出す記述をします。

試しにheader.phpなど、わかりやすい場所に下記コードを記述してみましょう。

<?php

wp_nav_menu([
	'container' => false,
	'theme_location' => 'global-nav'	
	'items_wrap' => '<ul>%3$s</ul>',
]);

?>

<?php

wp_nav_menu([

'container' => false,

'theme_location' => 'global-nav'

'items_wrap' => '<ul>%3$s</ul>',

]);

‘theme_location’には、最初にfunctions.phpに記述した名前を入れてください。ここを間違えてしまうとメニューがうまく表示されません。

以上、カスタムメニューの作成方法でした！