禁止WordPress菜单函数 wp_nav_menu() 输出 div 和 ul 标签

使用 wp_nav_menu() 输出菜单是非常容易的事，为了实现主题菜单的某些样式效果，也许我们并不需要输出 div 和 ul 标签，下面就分享下具体的实现方法。

wp_nav_menu() 默认输出是带有 div 和 ul 标签的，比如：

&lt;div class=&quot;menu-header-container&quot;&gt;
	&lt;ul id=&quot;menu-header&quot; class=&quot;menu&quot;&gt;
		&lt;li class=&quot;current-menu-item&quot;&gt;&lt;a href=&quot;https://www.wpdaxue.com/&quot;&gt;大学首页&lt;/a&gt;&lt;/li&gt;
		&lt;li&gt;&lt;a href=&quot;https://www.wpdaxue.com/category/news&quot;&gt;WordPress资讯&lt;/a&gt;&lt;/li&gt;
	&lt;/ul&gt;
&lt;/div&gt;

我们要实现的效果应该是这样的：

&lt;li class=&quot;current-menu-item&quot;&gt;&lt;a href=&quot;https://www.wpdaxue.com/&quot;&gt;大学首页&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;https://www.wpdaxue.com/category/news&quot;&gt;WordPress资讯&lt;/a&gt;&lt;/li&gt;

阅读 WordPress导航菜单函数register_nav_menus() 和 wp_nav_menu() ，了解了 wp_nav_menu() 的参数以后，我们不难发现，要去除 div 标签是非常容易的事情，只需添加 ‘container’ => false 参数即可。

要去除 ul 标签（只会去除最外围的 ul，对子级 ul 不影响），我们需要用到 items_wrap 参数。items_wrap 有三个可定义选项：

‘items_wrap’ => ‘<ul id="%1$s" class="%2$s">%3$s</ul>’

如果你要定义 ul 的 id 和 class 属性，可以直接修改 %1$s 和 %2$s 为具体的值，如果你要移除 ul 标签，使用参数 ‘items_wrap’ => ‘%3$s’ 即可。

最终示例如下：

&lt;?php if(function_exists('wp_nav_menu')) wp_nav_menu(array('container' =&gt; false, 'items_wrap' =&gt; '%3$s', 'theme_location' =&gt; 'foot-menu')); ?&gt;

来源：

https://www.wpdaxue.com/remove-wp_nav_menu-div-ul.html

猜你喜欢