WordPress菜单导航栏如何自定义的

有时候我们在使用别人的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
) );
?>

具体样式类名,还需站长们各自调整,以上有需要的朋友可以参考参考。

您已阅读完《wordpress(共168篇)》专题的第 93 篇。请继续阅读该专题下面的文章:

    购买必读
    本站模板没有任何后门,也不会和我们服务器有任何通信,请您放心使用。
    本源码一次性买断,没有二次费用,并享受免费更新。
    在使用本站模板时,请不要使用我们的产品从事违反中华人民共和国法律、违反公序良俗的活动,否则我们有权拒绝服务,并配合有关单位予以处置。如果您不符合条件,请勿购买。
    售后是指通过QQ与客服联系处理问题,售后过期不影响您对主题的使用和更新。免费三个月售后服务。售后服务时间为工作日早9点到晚5点。如果不在线可以QQ留言,我们会尽快给您答复。
    售后服务包括程序的使用、BUG的处理、意见建议等。不包括技术服务、网站优化、二次开发、环境配置、服务器运维等。
    代码类商品属于数字化商品,具有可复制性,不支持退款,详见《网络交易管理办法》第二章 第16条 第三类。
    请仔细阅读我们的用户协议:用户协议

    给TA打赏
    共{{data.count}}人
    人已打赏
    wordpress教程

    WordPress不用插件怎么去掉分类链接中category

    2023-12-9 15:46:29

    wordpress教程

    WordPress定时发布失效怎么解决

    2023-12-9 15:46:31

    0 条回复 A文章作者 M管理员
      暂无讨论,说说你的看法吧

    线

    专属客服

    (工作日 10:00 - 22:30 为您服务)

    2026-09-14 07:07:58

    您好,无论是售前、售后、意见建议……均可通过联系工单与我们取得联系。

    猜你想问:

    • 购买的模板免费包安装吗?

    • 这个演示地址有吗?

    • 购买vip会员可以下载哪些模板?

    您的工单我们已经收到,我们将会尽快跟您联系!
    取消

    您想了解哪方面的问题?

    选择聊天工具: