跳过到主内容
< 返回
当前位置:
打印

向网站添加菜单

目录

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

创建或选择菜单

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

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

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

主导航菜单

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

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

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

header builder menu styles

移动端菜单

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

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

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

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

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

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

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

粘性导航

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

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

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

移动端底部导航栏

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

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

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

mob bottom nav option

页头中的附加菜单

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

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

页面内容中的菜单

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

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

woodmart menu element wpb
element menu elementor