有时候我们在使用别人的WordPress主题时觉得其导航栏并不好看，想要调整成自己喜欢的样式，那么具体是如何修改呢，下面跟着小编一起看看WordPress 菜单导航栏如何自定义。第一步：注册导航菜单
要添加自定义导航菜单，首先需要注意新的导航菜单，方法是将此代码添加到主题的functions.php
有时候我们在使用别人的WordPress主题时觉得其导航栏并不好看，想要调整成自己喜欢的样式，那么具体是如何修改呢，下面跟着小编一起看看WordPress 菜单导航栏如何自定义。
第一步：注册导航菜单
要添加自定义导航菜单，首先需要注意新的导航菜单，方法是将此代码添加到主题的functions.php文件中：
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 |
/* register_nav_menu( $location, $description ) 函数功能：开启导航菜单功能 @参数 string $location, 导航菜单的位置 @参数 string $description, 导航菜单的描述 开启多个位置的导航菜单，只需要重复调用此函数即可 */ add_filter(‘nav_menu_css_class’, ‘rm_css_attributes_filter’, 100, 1);//移除不必要的CSS类名 add_filter(‘nav_menu_item_id’, ‘rm_css_attributes_filter’, 100, 1); add_filter(‘page_css_class’, ‘rm_css_attributes_filter’, 100, 1); function rm_css_attributes_filter($var) { return is_array($var) ? array() : ”; } register_nav_menus(array( ‘sideBarMenu’=>‘导航’, ‘friendlinks’=>‘友情链接’, ‘footer_nav’=>‘页脚导航’)); add_theme_support(‘nav_menus’); |
第二步：调用导航菜单
接下来，我们需要在WordPress主题中显示新的导航菜单。找到原导航菜单的代码将其替换成以下调用代码即可，当然，您可以在任意位置添加导航菜单。您需要在主题的模板文件中添加此代码，以便显示菜单。
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 |
<?php wp_nav_menu( array( ‘theme_location’ => ”,//导航别名 ‘menu’ =>”, //期望显示的菜单 ‘container’ => ‘div’, //容器标签 ‘container_class’ => ‘g-nav clearfix’,//ul父节点class值 ‘container_id’ => ”, //ul父节点id值 ‘menu_class’ => ‘g-box-1200’, //ul节点class值 ‘menu_id’ => ”, //ul节点id值 ‘echo’ => true,//是否输出菜单，默认为真 ‘fallback_cb’ => ‘wp_page_menu’, //菜单不存在时，返回默认菜单，设为false则不返回 ‘before’ => ”, //链接前文本 ‘after’ => ”, //链接后文本 ‘link_before’ =>”, //链接文本前 ‘link_after’ => ”,//链接文本后 ‘items_wrap’ =>‘<ul id="%1$s" class="%2$s">%3$s</ul>’, //如何包装列表 ‘depth’ => 0, //菜单深度，默认0 ‘walker’ => ” //自定义walker ) ); ?> |
具体样式类名，还需站长们各自调整，以上有需要的朋友可以参考参考。
声明：
1.本站大部分内容均收集于网络!若内容若侵犯到您的权益，请发送邮件至：115904045@qq.com，我们将第一时间处理！
2.资源所需价格并非资源售卖价格，是收集、整理、编辑详情以及本站运营的适当补贴，并且本站不提供任何免费技术支持
3.所有资源仅限于参考和学习，版权归原作者所有，更多请阅读网站声明。
1.本站大部分内容均收集于网络!若内容若侵犯到您的权益，请发送邮件至：115904045@qq.com，我们将第一时间处理！
2.资源所需价格并非资源售卖价格，是收集、整理、编辑详情以及本站运营的适当补贴，并且本站不提供任何免费技术支持
3.所有资源仅限于参考和学习，版权归原作者所有，更多请阅读网站声明。
