Zibll子比主题-顶部导航栏及菜单配置教程

导航菜单样式设置

进入主题设置-页面显示-顶部导航栏

电脑端样式

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

图片[1]-Zibll子比主题-顶部导航栏及菜单配置教程-WordPress主题模板-zibll子比主题

实际显示效果:

图片[2]-Zibll子比主题-顶部导航栏及菜单配置教程-WordPress主题模板-zibll子比主题
图片[3]-Zibll子比主题-顶部导航栏及菜单配置教程-WordPress主题模板-zibll子比主题
图片[4]-Zibll子比主题-顶部导航栏及菜单配置教程-WordPress主题模板-zibll子比主题

手机端样式

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

图片[5]-Zibll子比主题-顶部导航栏及菜单配置教程-WordPress主题模板-zibll子比主题

截图展示:

顶部导航支持自定义背景色和前景色,一定要注意颜色搭配,避免看不清

图片[9]-Zibll子比主题-顶部导航栏及菜单配置教程-WordPress主题模板-zibll子比主题

其他功能配置

最后,我们根据需要,配置导航栏的其它功能。

图片[10]-Zibll子比主题-顶部导航栏及菜单配置教程-WordPress主题模板-zibll子比主题

导航栏多功能组件

通过顶部多功能组件,我们可以在顶部导航栏下方添加全宽的幻灯片、视频等,例如我们官方演示站

图片[11]-Zibll子比主题-顶部导航栏及菜单配置教程-WordPress主题模板-zibll子比主题

配置教程请查看以下文章:

手机菜单弹窗中添加更多模块

在移动端,我们点击菜单显示按钮后,会弹出菜单,在此处我们可以通过模块配置添加更多的显示内容:

图片[12]-Zibll子比主题-顶部导航栏及菜单配置教程-WordPress主题模板-zibll子比主题

详细教程请查看此文章:

创建菜单

进入后台->外观->菜单,我们就可以创建菜单明细了,同时我们支持分别设置移动端和PC端的菜单

图片[13]-Zibll子比主题-顶部导航栏及菜单配置教程-WordPress主题模板-zibll子比主题

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

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

创建菜单的详细教程请查看以下文章:

THE END
喜欢就支持一下吧
点赞8 分享
抢沙发

请登录后发表评论

    暂无评论内容