WordPressでカスタムメニュー機能のまとめ


メニューの有効化

functions.phpなどに記載する。

add_theme_support( 'menus' );

li要素だけを出力

header.phpなどのテンプレートに記載する。

<div id="menu">
	<ul class="menu__list">
		<?php
		$li_only = array(
			'container' => '',//<div>を出力しない
			'items_wrap' => '%3$s',//<ul>を出力しない
		);
		wp_nav_menu($li_only);
		?>
	</ul>

</div>

全ての設定項目

<?php
$defaults = array(
	'menu'            => '',
	'menu_class'      => 'menu',
	'menu_id'         => '{メニューのスラッグ}-{連番}',
	'container'       => 'div',
	'container_class' => 'menu-{メニューのスラッグ}-container',
	'container_id'    => '',
	'fallback_cb'     => 'wp_page_menu',
	'before'          => '',
	'after'           => '',
	'link_before'     => '',
	'link_after'      => '',
	'echo'            => true,
	'depth'           => 0,
	'walker'          => '',
	'theme_location'  => '',
	'items_wrap'      => '<ul id="%1$s" class="%2$s">%3$s</ul>',
);
wp_nav_menu( $defaults );
?>

テンプレートタグ/wp nav menu – WordPress Codex 日本語版

メニューの登録

functions.phpなどに記載する。

register_nav_menu('main_menu','Main menu');

関連URL

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です