要调整 Astra 菜单项的排版,可以通过主题自定义选项直接修改。这样操作能让菜单更符合品牌风格和设计需求,使网站整体风格更加统一和专业。
本文将介绍如何更改多个菜单项的排版,包括主菜单、次级菜单、子菜单(Pro功能)以及超级菜单标题(Pro功能)。
如果网站启用了透明头部,以下步骤可能无法正常工作。请参考透明头部设置获取更多信息。
![图片[1]-如何更改 Astra 菜单项的排版](https://www.361sale.com/wp-content/uploads/2025/04/20250409135818355-image.png)
主菜单
主菜单位于网站顶部,通常包含指向主要页面或类别的链接。它是访客浏览网站时最常使用的菜单。
自定义步骤:
- 在 WordPress 仪表盘 中,点击 外观 > 自定义 >
头部构建器 > 主菜单。 - 转到 “设计” 标签。
- 向下滚动到 字体部分,点击 菜单字体 旁边的铅笔图标。
- 这将打开修改主菜单外观的选项,用户可以调整 字体系列、字体粗细、字体大小 和 字体装饰。
![图片[2]-如何更改 Astra 菜单项的排版](https://www.361sale.com/wp-content/uploads/2025/04/20250409140415706-image.png)
这些选项用户可以根据网站需求修改主菜单项的字体样式。
次级菜单
如果网站上使用了次级菜单来显示附加的菜单项,可以调整排版样式。
自定义步骤:
- 转到 外观 > 自定义 > 头部构建器 > 次级菜单。
- 进入 “设计” 标签。
- 向下滚动到 字体部分,点击 菜单字体 旁边的铅笔图标进行编辑。
![图片[3]-如何更改 Astra 菜单项的排版](https://www.361sale.com/wp-content/uploads/2025/04/20250409140600348-image.png)
与主菜单类似,用户可以自定义次级菜单的字体样式,保持网站整体设计的一致性。
子菜单(Pro功能)
子菜单是通过主菜单项访问的二级菜单,通常在用户悬停或点击主菜单项时显示。此功能需要 Astra Pro Addon 插件,并且需要激活 Pro 版本。
![图片[4]-如何更改 Astra 菜单项的排版](https://www.361sale.com/wp-content/uploads/2025/04/20250409140609937-image.png)
自定义步骤(Pro功能):
- 激活 Astra Pro Addon 后,转到 外观 > 自定义 > 头部构建器 > 主菜单。
- 向下滚动到 字体部分,找到 “子菜单字体” 选项。
- 点击 子菜单字体 旁边的铅笔图标,调整字体样式。
![图片[5]-如何更改 Astra 菜单项的排版](https://www.361sale.com/wp-content/uploads/2025/04/20250409140618879-image.png)
用户使用此功能可以为子菜单项设置不同的排版样式,使菜单看起来更加协调。
超级菜单标题(Pro功能)
超级菜单通常是一个可展开的导航区域,包含的不仅仅是文本链接。如果使用了超级菜单,用户可以调整其标题的字体样式。
自定义步骤(Pro功能):
- 转到 外观 > 自定义 > 头部构建器 > 主菜单。
- 向下滚动到 字体部分,找到 “超级菜单标题” 选项。
- 点击 超级菜单标题 旁边的铅笔图标,修改字体样式。
![图片[6]-如何更改 Astra 菜单项的排版](https://www.361sale.com/wp-content/uploads/2025/04/20250409140626853-image.png)
自定义超级菜单标题的排版可以帮助提升导航区域的吸引力,使区域更加突出。
总结
通过这些简单步骤,用户可以轻松调整 Astra 主题中主菜单、次级菜单、子菜单和超级菜单标题的排版。这些自定义选项可以帮助网站提升品牌一致性和专业外观。如果在更改排版时遇到任何问题,随时可以联系支持团队获得帮助。
相关文章
| 联系我们 | |
|---|---|
| 教程看不懂?联系我们为您免费解答!免费助力个人,小企站点! |
客服微信
|
| ① 电话:020-2206-9892 | |
| ② QQ咨询:1025174874 | |
| ③ 邮件:info@361sale.com | |
| ④ 工作时间:周一至周五,9:30-18:30,节假日休息 | |




















![表情[wozuimei]-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/themes/zibll/img/smilies/wozuimei.gif)
![表情[baoquan]-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/themes/zibll/img/smilies/baoquan.gif)

暂无评论内容