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

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

<ul>
 	<li><a>メニュー</a></li>
 	<li><a>メニュー</a></li>
 	<li><a>メニュー</a></li>
</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>';
  }
?>
</ul>

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

コメント

タイトルとURLをコピーしました