wp_nav_menu の使い方

WordPressてメニューを扱うwp_nav_menuについて機能を紹介します。

使い方

wp_nav_menu()を記述して、パラメータを配列で渡します。

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

classの追加

classの追加パターンです。menu_classというキーにクラス名を指定します。

<?php
	wp_nav_menu(array(
		'menu_id' => 'primary-menu',
		'menu_class' => 'navbar-nav-scroll',
	));
?>

ラップするcontainerにクラスの追加

container_classに記述します。

	<?php
		wp_nav_menu(array(
			'menu_id' => 'primary-menu',
			'menu_class' => 'navbar-nav bd-navbar-nav flex-row',
			'container_class' => '',
		));
	?>

aタグにクラスを追加

wp_nav_menuのデフォルトでは、aタグにクラスを足すことはできないようです。functions.phpにコードの追加が必要です。

参考

• https://wpdocs.osdn.jp/%E3%83%86%E3%83%B3%E3%83%97%E3%83%AC%E3%83%BC%E3%83%88%E3%82%BF%E3%82%B0/wp_nav_menu