[wp]カスタムメニューをliタグ以外で区切ったりaタグに要素を追加する方法

2015/10/14 2019/8/26 WEB, 未分類

Reading Time: < 1 minute

カスタムメニューを使う時に普通は

<ul>
	<li><a href="">メニュー</a></li>
	<li><a href="">メニュー</a></li>
	<li><a href="">メニュー</a></li>
</ul>

<ul>

</ul>

こんな感じで組んでたら何も問題ないし、
liタグに属性入れたければダッシュボード上でいじれる。
でも、jQueryとかでaタグ自体に属性を入れなきゃいけない必要にかられた時とか、
ulタグを使いたくない時に。

端的に

<ul>
<?php
	$menu_lists = wp_get_nav_menu_items('/*メニューの名前*/');
	foreach($menu_lists as $menu) {
		echo '<li><a href="'.esc_url($menu->url).'">'.esc_html($menu->title).'</a></li>'.PHP_EOL;
	}
?>
</ul>

<ul>

<?php

$menu_lists = wp_get_nav_menu_items('/*メニューの名前*/');

foreach($menu_lists as $menu) {

echo '<li><a href="'.esc_url($menu->url).'">'.esc_html($menu->title).'</a></li>'.PHP_EOL;

}

</ul>

こういう風に書けば、aタグに好きに属性を入れ込めるし、ulタグを使わないことも、別のタグで区切ることもできる。