本站设计-主题导航菜单设置教程

主题菜单分为PC端顶部导航和移动端菜单两个部分,可单独设置

导航菜单样式设置

进入主题设置-顶部导航

电脑端样式

电脑端顶部导航有三种布局可选择,同时您可以设置是否固定在顶部

图片[1]-Zibll子比主题-主题导航菜单设置教程-Wordpress主题模板-zibll子比主题

手机端样式

移动端顶部导航有两种布局选择,弹出菜单有可选择弹出方向

图片[5]-Zibll子比主题-主题导航菜单设置教程-Wordpress主题模板-zibll子比主题
本站设计-主题导航菜单设置教程 插图3
本站设计-主题导航菜单设置教程 插图4

顶部导航支持自定义背景色和前景色,如需了解请阅读下方文章

添加菜单及设置

进入Wordpress后台-外观-菜单

在这里你可以新建菜单-并分别设置移动端和PC端的菜单

图片[9]-Zibll子比主题-主题导航菜单设置教程-Wordpress主题模板-zibll子比主题

主题提供PC端菜单和移动端菜单独立设置功能(也可以只设置一个),你可以按需进行设置!为了达到更好的效果,设置菜单有一下几点请注意:

  1. PC端菜单的一级菜单不要太多,太多会导致换行显示错位
  2. 移动端菜单最多只支持二级菜单,如果添加了三级菜单则不会显示
  3. PC端菜单支持多级显示,但建议不要超过二级

菜单使用图标

主题自带了Font Awesome 4.7 图标,你可以在菜单插入任意的 Font Awesome 4.7 图标而无需安装任何插件

第一步:找到你想要插入的图标代码,并复制

你可以使用 Font Awesome 中文网 找到全部的图标代码,选择一个图标并复制图标代码:

图片[10]-Zibll子比主题-主题导航菜单设置教程-Wordpress主题模板-zibll子比主题

第二步:粘贴在菜单名称内

图片[11]-Zibll子比主题-主题导航菜单设置教程-Wordpress主题模板-zibll子比主题

同时除了主题自带的 Font Awesome 图标之外,您也可以插入其它图标,例如 Iconfont-阿里巴巴矢量图标 ,当然这就需要安装对应的插件或者插入一些自定义代码了。

插入Iconfont图标教程

插入Iconfont图标是十分简单的,阿里巴巴也给出了十分详细的教程。如果您需要在导航菜单中也插入插入Iconfont图标,请点击查看一下教程!

以上添加图标的教程可不仅仅适用于菜单喔!全站任何地方可以使用,同时大部分非子比主题网站也是可以使用的!例如下方的截图

本站设计-主题导航菜单设置教程 插图8
图片[13]-Zibll子比主题-主题导航菜单设置教程-Wordpress主题模板-zibll子比主题
温馨提示:本文最后更新于2022-12-14 02:29:31,某些文章具有时效性,若有错误或已失效,请在下方留言或联系云小叔叔
文章版权声明 1、本网站名称:元宇宙之家
2、本站永久网址:https://liboven.cn
3、本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长进行删除处理。
4、本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
5、本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报
6、本站资源大多存储在云盘,如发现链接失效,请联系我们我们会第一时间更新。

© 版权声明
THE END
喜欢就支持一下吧
点赞48赞赏 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

夸夸
夸夸
还有吗!没看够!
取消
昵称常用语表情代码图片

    暂无评论内容