向网站添加菜单
WoodMart 允许您在网站的多个区域显示现有的 WordPress 菜单,包括桌面端页头、移动端导航、粘性导航、移动端底部导航栏以及页面内容。本指南说明如何在创建菜单后放置菜单。
创建或选择菜单
在 外观 → 菜单 中创建并组织您的菜单。如果您需要有关添加菜单项或排列父级和子级项目的帮助,请参阅官方的 WordPress 外观菜单屏幕指南。
本文仅涵盖菜单位置的放置。要创建包含列、产品、图片或其他 HTML 区块内容的宽下拉菜单,请参阅 创建超级菜单指南。
注意:同一个 WordPress 菜单可以显示在多个位置。当不同位置需要不同的项目或布局时,您也可以创建单独的菜单。
主导航菜单
使用 主导航菜单 元素在桌面端页头中显示菜单。
- 导航至 仪表盘 → WoodMart → 页头构建器。
- 编辑分配给您网站的页头。
- 将 主导航菜单 元素添加到所需的桌面端页头行,或打开现有主导航菜单元素的设置。
- 使用 选择菜单 选择您想要显示的 WordPress 菜单。
- 在 样式 选项卡中配置其外观,然后保存元素和页头。
主导航菜单元素包含对其样式、对齐方式、项目间距、颜色、图标和下拉菜单外观的控制。有关管理页头构建器元素的更多信息,请参阅 如何添加和编辑构建器元素。

移动端菜单
主要的移动端导航由移动端页头中的 移动端菜单 元素打开。
- 导航至 外观 → 菜单 → 管理位置。
- 将所需的菜单分配到 移动端侧边菜单 位置并保存更改。
- 导航至 WoodMart → 页头构建器 并编辑当前使用的页头。
- 切换到移动端页头布局并添加 移动端菜单 元素,或打开其现有设置。
- 配置移动端菜单布局、打开方式、位置、搜索表单和其他可用选项,然后保存页头。
如果未将任何菜单分配到移动端侧边菜单位置,WoodMart 将使用分配给主导航菜单位置的菜单作为后备。
注意:默认情况下,移动端菜单中禁用 HTML 区块子菜单。要显示分配给菜单项的 HTML 区块,请在页头构建器中打开 移动端菜单 元素,并在 常规 选项卡中启用 显示 HTML 区块。请在移动设备上测试复杂的超级菜单内容,并在必要时使用单独的简化菜单。
向移动端菜单添加分类选项卡
移动端菜单元素可以显示包含单独分类菜单的第二个选项卡。
- 在页头构建器中打开 移动端菜单 元素。
- 在 常规 选项卡中,启用 显示分类菜单。
- 使用 选择菜单 选择在分类选项卡中显示的菜单。
- (可选)更改选项卡标题或启用 交换菜单,然后保存页头。

粘性导航
粘性导航在垂直面板中显示菜单,该面板在访客浏览网站时保持可用。它独立于粘性页头和移动端底部导航栏。
- 导航至 主题设置 → 常规 → 粘性导航。
- 使用 选择菜单 为面板选择菜单。
- (可选)配置其标题和底部内容。
- 打开页头构建器并将 粘性导航 元素添加到桌面端页头。
- 保存页头和主题设置。

有关此功能的完整说明,请参阅 粘性导航文档。
移动端底部导航栏
移动端底部导航栏是在移动设备的屏幕底部显示的固定工具栏。它本身不包含完整的 WordPress 菜单,但可以包含打开移动端菜单或移动端分类菜单的按钮。

- 导航至 主题设置 → 常规 → 移动端底部导航栏。
- 启用 启用粘性导航栏。
- 使用 导航栏标签 显示或隐藏图标下方的文本。
- 在 选择按钮 中,选择在导航栏中显示的操作。要提供导航访问,请添加 移动端菜单 或 移动端分类菜单。
- 保存主题设置。
导航栏还可以包含页面链接、WooCommerce 操作、侧边栏抽屉以及最多五个自定义按钮。每个自定义按钮都可以有自己的 URL、文本和图标。

页头中的附加菜单
当您需要在主导航旁边显示附加的 WordPress 菜单时,请在页头构建器中使用 菜单 元素。它通常用于显示简短的补充链接组,例如常见问题解答、联系信息或通讯订阅页面。
- 导航至 WoodMart → 页头构建器 并编辑当前使用的页头。
- 将 菜单 元素添加到所需的页头行。
- 使用 选择菜单 选择您想要显示的菜单。
- 配置其样式和对齐方式,然后保存元素和页头。

页面内容中的菜单
要在页头之外显示 WordPress 菜单,请在 Elementor 或 WPBakery 中将 WoodMart 菜单 元素添加到页面或 HTML 区块。在 选择菜单 中选择所需的菜单,然后配置其垂直或水平方向及外观。
菜单元素支持标准的 WordPress 子菜单和 WoodMart 超级菜单设置。例如,它可以用于在页面内容中显示垂直分类菜单,而不是在页头中显示。

