カスタムメニューの設定方法【WordPress】

※自分用の備忘録

カスタムメニューを設定しておくと、後からhtmlを変更せずにダッシュボードからメニューの入れ替えなどを行うことができるようになります。

外観にメニュー機能を追加する

add_theme_support( 'menus' );

functions.phpに上記のコードを追加してダッシュボードの外観のメニュー機能を使用できるようにします。

メニューの内容を追加する

register_nav_menus ( array(
   'global' => 'グローバルメニュー',
 ));

functions.phpに任意の名前をつけたメニューを用意します。

ダッシュボードのメニューから、メニュー構造を追加する

ダッシュボードのメニューに名前をつけて保存をします。

メニュー構造はドラックして下げることにより、副項目として扱うことができます。

カスタムメニューを表示

<?php
 wp_nav_menu(array(
   'theme_location' => 'global'
 ));
?>

カスタムメニューを表示させたい場所に上記のコードを記述します。

参照サイト

https://developer.wordpress.org/reference/functions/wp_nav_menu/