向网站添加菜单

WoodMart 允许您在网站的多个区域显示现有的 WordPress 菜单，包括桌面端页头、移动端导航、粘性导航、移动端底部导航栏以及页面内容。本指南说明如何在创建菜单后放置菜单。

创建或选择菜单

在 外观 → 菜单 中创建并组织您的菜单。如果您需要有关添加菜单项或排列父级和子级项目的帮助，请参阅官方的 WordPress 外观菜单屏幕指南。

本文仅涵盖菜单位置的放置。要创建包含列、产品、图片或其他 HTML 区块内容的宽下拉菜单，请参阅 创建超级菜单指南。

注意：同一个 WordPress 菜单可以显示在多个位置。当不同位置需要不同的项目或布局时，您也可以创建单独的菜单。

主导航菜单

使用 主导航菜单 元素在桌面端页头中显示菜单。

1. 导航至 仪表盘 → WoodMart → 页头构建器。
2. 编辑分配给您网站的页头。
3. 将 主导航菜单 元素添加到所需的桌面端页头行，或打开现有主导航菜单元素的设置。
4. 使用 选择菜单 选择您想要显示的 WordPress 菜单。
5. 在 样式 选项卡中配置其外观，然后保存元素和页头。

主导航菜单元素包含对其样式、对齐方式、项目间距、颜色、图标和下拉菜单外观的控制。有关管理页头构建器元素的更多信息，请参阅 如何添加和编辑构建器元素。

移动端菜单

主要的移动端导航由移动端页头中的 移动端菜单 元素打开。

1. 导航至 外观 → 菜单 → 管理位置。
2. 将所需的菜单分配到 移动端侧边菜单 位置并保存更改。
3. 导航至 WoodMart → 页头构建器 并编辑当前使用的页头。
4. 切换到移动端页头布局并添加 移动端菜单 元素，或打开其现有设置。
5. 配置移动端菜单布局、打开方式、位置、搜索表单和其他可用选项，然后保存页头。

如果未将任何菜单分配到移动端侧边菜单位置，WoodMart 将使用分配给主导航菜单位置的菜单作为后备。

注意：默认情况下，移动端菜单中禁用 HTML 区块子菜单。要显示分配给菜单项的 HTML 区块，请在页头构建器中打开 移动端菜单 元素，并在 常规 选项卡中启用 显示 HTML 区块。请在移动设备上测试复杂的超级菜单内容，并在必要时使用单独的简化菜单。

向移动端菜单添加分类选项卡

移动端菜单元素可以显示包含单独分类菜单的第二个选项卡。

1. 在页头构建器中打开 移动端菜单 元素。
2. 在 常规 选项卡中，启用 显示分类菜单。
3. 使用 选择菜单 选择在分类选项卡中显示的菜单。
4. （可选）更改选项卡标题或启用 交换菜单，然后保存页头。

粘性导航

粘性导航在垂直面板中显示菜单，该面板在访客浏览网站时保持可用。它独立于粘性页头和移动端底部导航栏。

1. 导航至 主题设置 → 常规 → 粘性导航。
2. 使用 选择菜单 为面板选择菜单。
3. （可选）配置其标题和底部内容。
4. 打开页头构建器并将 粘性导航 元素添加到桌面端页头。
5. 保存页头和主题设置。

有关此功能的完整说明，请参阅 粘性导航文档。

移动端底部导航栏

移动端底部导航栏是在移动设备的屏幕底部显示的固定工具栏。它本身不包含完整的 WordPress 菜单，但可以包含打开移动端菜单或移动端分类菜单的按钮。

1. 导航至 主题设置 → 常规 → 移动端底部导航栏。
2. 启用 启用粘性导航栏。
3. 使用 导航栏标签 显示或隐藏图标下方的文本。
4. 在 选择按钮 中，选择在导航栏中显示的操作。要提供导航访问，请添加 移动端菜单 或 移动端分类菜单。
5. 保存主题设置。

导航栏还可以包含页面链接、WooCommerce 操作、侧边栏抽屉以及最多五个自定义按钮。每个自定义按钮都可以有自己的 URL、文本和图标。

页头中的附加菜单

当您需要在主导航旁边显示附加的 WordPress 菜单时，请在页头构建器中使用 菜单 元素。它通常用于显示简短的补充链接组，例如常见问题解答、联系信息或通讯订阅页面。

1. 导航至 WoodMart → 页头构建器 并编辑当前使用的页头。
2. 将 菜单 元素添加到所需的页头行。
3. 使用 选择菜单 选择您想要显示的菜单。
4. 配置其样式和对齐方式，然后保存元素和页头。

页面内容中的菜单

要在页头之外显示 WordPress 菜单，请在 Elementor 或 WPBakery 中将 WoodMart 菜单 元素添加到页面或 HTML 区块。在 选择菜单 中选择所需的菜单，然后配置其垂直或水平方向及外观。

菜单元素支持标准的 WordPress 子菜单和 WoodMart 超级菜单设置。例如，它可以用于在页面内容中显示垂直分类菜单，而不是在页头中显示。