加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > CMS系统 > wordpress > 正文

wp_nav_menu()函数改造(1) – 禁止WordPress菜单输出 div

发布时间:2020-12-14 14:40:20 所属栏目:wordpress 来源:网络整理
导读:WordPress菜单函数 wp_nav_menu() 默认输出的菜单,带有 div 和 ul 标签,的很多时候我们想要定义一些主题菜单的特殊样式效果,需要去掉自带的 div 和 ul 标签,下面我们来简单介绍一下方法。 修改前输出的菜单效果如下: 首页 关于我们 要去除 div 标签是非

WordPress菜单函数 wp_nav_menu() 默认输出的菜单,带有 div 和 ul 标签,的很多时候我们想要定义一些主题菜单的特殊样式效果,需要去掉自带的 div 和 ul 标签,下面我们来简单介绍一下方法。

修改前输出的菜单效果如下:

首页
关于我们

要去除 div 标签是非常容易的事情,只需添加 ‘container’ => false 参数即可。

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

'
    '
'

如果要定义 ul 的 id 和 class 属性,可以直接修改 %1$s 和 %2$s 为具体的值,如果要移除 ul 标签,使用如下参数即可:

'%3$s'

在调用菜单的地方插入如下代码:

false,'items_wrap' => '%3$s','theme_location' => 'main-menu')); } ?>

输出的菜单结构如下:

首页
关于我们

下一篇文章中我们将介绍一下如何

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读