头部设置
本文介绍主题【头部设置】相关功能,包括头部样式、导航栏配色、网站 Logo、右侧标题、联系电话以及顶部公告栏设置。
设置路径
进入 WordPress 后台,依次点击:
主题设置 → 基础设置 → 头部设置
![图片[1]-白菜主题-顶部导航栏及菜单配置教程-bctheme](http://www.bctheme.com/wp-content/uploads/2026/06/image-e1780829703467-1024x492.png)
进入页面后,即可看到头部相关设置选项。
头部样式
主题目前提供 3 种头部样式,可根据网站展示需求选择。
样式 1:上 Logo,下菜单
![图片[2]-白菜主题-顶部导航栏及菜单配置教程-bctheme](https://www.bctheme.com/wp-content/uploads/2026/06/image-1-1024x673.png)
该样式适合传统企业官网。
前台样式:
![图片[3]-白菜主题-顶部导航栏及菜单配置教程-bctheme](https://www.bctheme.com/wp-content/uploads/2026/06/image-2-1024x103.png)
注意:
右侧标题、右侧描述、联系电话仅在【样式 1】下显示。
样式 2:左 Logo,右菜单
![图片[4]-白菜主题-顶部导航栏及菜单配置教程-bctheme](https://www.bctheme.com/wp-content/uploads/2026/06/image-3-1024x488.png)
该样式为常规头部结构。
前台样式:
![图片[5]-白菜主题-顶部导航栏及菜单配置教程-bctheme](http://www.bctheme.com/wp-content/uploads/2026/06/image-4-e1780829531213-1024x74.png)
该样式不显示右侧标题、右侧描述和联系电话。
样式 3:透明悬浮导航
该样式结构与样式 2 类似,也是左侧 Logo、右侧导航菜单。
![图片[6]-白菜主题-顶部导航栏及菜单配置教程-bctheme](https://www.bctheme.com/wp-content/uploads/2026/06/image-5-1024x392.png)
不同的是,样式 3 会悬浮显示在首页轮播图上方,适合首页首屏有大图展示的网站。
前台样式:
![图片[7]-白菜主题-顶部导航栏及菜单配置教程-bctheme](http://www.bctheme.com/wp-content/uploads/2026/06/image-6-1024x69.png)
创建菜单
主题需要显示菜单的位置一共有两处:PC端顶部导航栏 我们可以创建一个菜单,也支持为不同位置创建不同菜单。特别是开启高级子菜单后,由于PC端可显示的内容有很多,有时候我们不想移动端显示太拥挤,这时候我们就可以为移动端单独创建一个菜单。
进入后台:外观->菜单,先创建菜单,并勾选需要显示的位置。
![图片[8]-白菜主题-顶部导航栏及菜单配置教程-bctheme](https://www.bctheme.com/wp-content/uploads/2026/06/image-7-1024x631.png)
添加菜单内容
从左侧可以选择链接、或使用自定义链接,点击添加就到了右侧,右侧就是已经添加好的菜单明细,点击展开就可以配置更多功能,上下拖动排序,向右拖动成为子菜单
![图片[9]-白菜主题-顶部导航栏及菜单配置教程-bctheme](https://www.bctheme.com/wp-content/uploads/2026/06/52e283f1f1fcb680a5939f434fea7d5b-1024x952.jpg)
添加普通子菜单
我们将添加到右侧的菜单通过向右拖动,即可配置成子菜单,需要注意的是:移动端仅显示2级菜单,多了不显示。PC端为了美观,一般也不加一超过两级。
![图片[4]-创建菜单、添加徽章、高级子菜单等功能配置教程[v8.3新功能]-WordPress主题模板-zibll子比主题](https://oss.zibll.com/zibll.com/2020/10/20251022163542801-image-235.png)
© 版权声明
文章版权归作者所有,未经允许请勿转载。
THE END



暂无评论内容