pc wx

扫码关注“沃之涛科技”安全登录

扫码登录 微信内打开可长按扫码一键登录

登录即表示同意服务协议条款

我已确认并阅读 服务协议条款

如果您丢失了所有信息,可联系管理员QQ:1500351892。

添加域名
确定删除该域名吗?
该操作无法复原
用户头像

用户

ID: 剩余积分:

无赠送
100积分
100
赠100积分
500积分
500
赠400积分
1000积分
1000
赠1300积分
2000积分
2000
赠7000积分
5000积分
5000
注意事项

积分仅限于AI文章写作也可以用于WordPress下的SEO合集插件“智能改写”“词库挖掘”“关键词排名监控”“AI智能DK”功能使用;

充值仅用于消费,不可变更,退款,提现,请慎重选择!

支付宝
微信
购买积分: 100
赠送积分: 0
应付金额: ¥100

用户邮箱

验证码

点此继续访问
邮箱不存在
确定删除吗?
该操作无法复原
分类编辑
序号
分类名称
操作
{{item.index}}

暂无数据

{{item.index}}.
暂无数据
行业资讯
右圆圈
左圆圈
大圆圈
左边大圆圈
圆圈
圆圈

wordpress怎样创建自定义菜单

浏览次数:2409 发布日期:2022-10-24 09:28:02

Wordpress菜单是可以后台自己设置的,且功能多样,这为主题开发或者二次开发页面提供了导航的多样性。

那么怎么创建自定义菜单呢?

一、创建菜单

可以在主题functions.php文件中注册菜单,注册的菜单的数量可以根据自己的需要设置。注册后菜单可以在wordpress后台-》外观-》菜单-》菜单设置中看到。

 	register_nav_menus(
        array(
          'wztblog_topmenu' => __( '顶部菜单' ),
          'wztblog_footermenu'=>__( '底部菜单' ),
          'wztblog_footermenu1'=>__( '底部菜单1' ),
          'wztblog_footermenu2'=>__( '底部菜单2' ),
          'wztblog_footermenu3'=>__( '底部菜单3' ),
          'wztblog_footermenu4'=>__( '底部菜单4' ),
        )
);

二、设置菜单

Wordpress后台-》外观-》菜单-》管理位置-》编辑或者使用新菜单。菜单可以设置页面、文章、分类、标签等页面,也可以设置自定义的标签、分类、文章,最后还可以设置远程链接。选中要添加的菜单-》点击添加至菜单就会把菜单添加到右侧的菜单中。添加好菜单,可以上下拖动进行排序,或者往右拉动,放到下一级菜单上。菜单设置好,选择咱们自己注册的菜单位置即可。

三、菜单的调用

使用下面的代码放到您想要调用菜单的地方(例如:头部的header.php、footer.php、以及这种类型的page页面)。公共头部和尾部就不说了,一般调用了就是全局的导航,但是如果想要自定义的页面调用单独的导航,就可以不加载公共的头部自己写一个头部,或者直接把公共头部中的代码放到单独页面,导航调用的标识给更换一下即可(下面的theme_location的值)。

 wp_nav_menu( [
     'theme_location'  => 'wztblog_topmenu',//与注册的菜单一致
     'depth'           => 0,]
 );

参数说明:

theme_location:注册菜单的别名

Menu:期望显示的菜单

Container 容器标签

Container_class 父节点class

Container_id 父节点id值

Container的几个参数可以在前端css样式写好的情况下使用。

Menu_class 节点class值

Menu_id 节点id值

Echo 是否输出菜单,默认是

fallback_cb 菜单不存在时,显示的默认菜单

Before链接前文本

After链接后文本

Depth 菜单的层级,0不限

参数还有一些,但是都不是常用的,正常两个参数就可以了。

四、样式修改

菜单调用后,需要写前端的样式,菜单调用的只是html代码,如果您是在现有主题的基础上添加的菜单会调用主题的样式,如果您是自己在开发就需要自己写样式了。也可以一个页面一种导航,这就需要您每个页面里面直接写css样式。


营业执照
seo合集软著
WordPress积木主题软著
报价
交流
微信二维码
kelerk
图片
复制成功!