跳到内容
请注意::本文仅为方便您阅读而提供。本文由翻译软件自动翻译,可能未经校对。本文的英文版应被视为官方版本,您可在此找到最新信息。您可以在此处访问。

设置网站导航菜单

上次更新时间: 2025年9月23日

可与以下任何订阅一起使用,除非另有说明:

创建网站时,您需要花时间组织内容的信息架构。您的导航菜单将包括网站访客在浏览网站时希望快速访问或经常访问的最重要页面。整理好网站和菜单后,您就可以在 HubSpot 中自定义网站地图了。

创建新菜单

菜单可以包含网站中的几个重要页面,也可以使用父菜单项和子菜单项对页面进行分层。这些菜单可以在设计管理器工具中的模板高级菜单模块中选择。

在设置中创建新菜单:

  1. 在 HubSpot 帐户中,单击顶部导航栏中的 settings“设置”图标
  2. 在左侧边栏菜单中,导航至内容 > 导航菜单默认菜单包含的页面将自动填充高级菜单模块的默认内容。
  3. 单击导航下拉菜单,然后单击+ 添加菜单
The navigation menu settings are displayed. A box is around the navigation menu dropdown menu and an arrow points to the + Add menu option.
  1. 要创建现有高级菜单的副本,请单击右上角的更多下拉菜单,然后选择克隆

在全局内容编辑器中创建新菜单:

  1. 导航至内容:

    • 网站页面:在 HubSpot 帐户中,导航到内容 > 网站页面
    • 登陆页面:在 HubSpot 帐户中,导航到内容 > 登陆页面
    • 博客:在 HubSpot 帐户中,导航到内容 > 博客
  2. 单击页面或文章的名称,或单击右上角的 "创建"。
  3. 在内容编辑器中,单击 siteTreeIcon content icon and then click the globalGroupIcon global content icon for the global module.
  4. 在全局内容编辑器中,单击siteTreeIcon 内容图标,然后单击包含导航菜单的模块
  5. 在侧栏编辑器中,单击菜单字段下方的新建
  6. 在对话框中,继续添加菜单项、页面和子页面。了解有关在全局内容编辑器中编辑内容的更多信息。
  7. 完成后,单击发布到 [#] 资产

添加菜单项

您可以在设置或全局内容编辑器中为导航菜单添加菜单项。您还可以添加子菜单项。

在设置中添加菜单项

  1. 在 HubSpot 帐户中,单击顶部导航栏中的 settings“设置”图标
  2. 在左侧边栏菜单中,导航至内容 > 导航菜单
  3. 单击导航下拉菜单,选择要更新的现有菜单
  4. 在现有导航菜单底部,单击+ 添加菜单项下拉菜单并选择一个选项
    • 添加不带链接的项目:添加一个不链接到现有页面的菜单项。这通常用作子菜单项的占位符。
    • 添加页面链接:添加链接到特定 HubSpot 页面的菜单项。
    • 添加带 URL 参数的页面链接:添加一个链接到特定 HubSpot 页面的菜单项。使用该选项,你可以输入你想要的页面的准确 URL。
    • 添加 URL 链接:添加链接到外部 URL 的菜单项。
  5. 要重新排列菜单项,请单击菜单项旁边的dragHandleIcon 拖动手柄图标,然后将其拖动到新位置
  6. 要在新窗口中打开菜单项 URL 链接,请将鼠标悬停在菜单项右侧,单击 操作 下拉菜单,然后选择在新窗口中打开链接 复选框。
  7. 要添加子菜单项,请将鼠标悬停在菜单项右侧,单击操作下拉菜单,然后选择在下方添加子项目
    • 菜单项标签字段中输入菜单项的名称
    • 单击 "选择页面"下拉菜单,为链接选择页面。要手动输入 URL,请单击操作并选择URL 链接,以更改子菜单项类型。
  8. 完成后,单击右上角的保存

In the global content editor, the dialog box is displayed for editing a navigation menu. A box is around the Action dropdown menu and an arrow is pointing to the Add child item below option.

在全局内容编辑器中添加菜单项:

  1. 导航至内容:
    • 网站页面:在 HubSpot 帐户中,导航到内容 > 网站页面
    • 登陆页面:在 HubSpot 帐户中,导航到内容 > 登陆页面
    • 博客:在 HubSpot 帐户中,导航到内容 > 博客
  2. 单击页面或帖子的名称,或单击右上角的创建
  3. 在内容编辑器中,单击siteTreeIcon 内容图标,然后单击globalGroupIcon 全局模块的全局内容图标。
  4. 在全局内容编辑器中,单击siteTreeIcon 内容图标,然后单击包含导航菜单的模块。在侧栏编辑器中,单击 "编辑"。
  5. 在对话框中,在现有导航菜单的底部,单击+ 添加菜单项下拉菜单并选择一个选项
    • 添加不带链接的项目:添加一个不链接到现有页面的菜单项。这通常用作子菜单项的占位符。
    • 添加页面链接:添加链接到特定 HubSpot 页面的菜单项。
    • 添加带 URL 参数的页面链接:添加一个链接到特定 HubSpot 页面的菜单项。使用该选项,你可以输入你想要的页面的准确 URL。
    • 添加 URL 链接:添加链接到外部 URL 的菜单项。

In the global content editor, the dialog box is displayed for editing a navigation menu. A box is around the + Add menu item dropdown menu and an arrow is pointing to the options.

请注意: 添加 URL 链接时,必须输入完整的 URL,包括httphttps协议。

  1. 要对菜单项重新排序,请单击菜单项旁边的dragHandleIcon 拖动手柄图标,然后将其拖动到新位置
  2. 要在新窗口中打开菜单项 URL 链接,请将鼠标悬停在菜单项右侧,单击 " 操作 "下拉菜单,然后选择 "在新窗口中打开链接 "复选框。
  3. 要添加子菜单项,请将鼠标悬停在菜单项右侧,单击操作下拉菜单,然后选择在下方添加子项目
In the global content editor, the dialog box is displayed for editing a navigation menu. A box is around the Action dropdown menu and an arrow is pointing to the Add child item below option.
    • 菜单项标签字段中输入菜单项的名称
    • 单击 "选择页面"下拉菜单,为链接选择页面。要手动输入 URL,请单击操作并选择URL 链接,以更改子菜单项类型。
    • 完成后,单击保存
  1. 要实时更新更改,请单击右上角的发布到 [#] 资产

创建二级菜单

您可以为网站创建多个菜单。二级菜单可用于特定页面,或在页面页脚提供额外导航。

在设置中创建二级菜单:

  1. 在 HubSpot 帐户中,单击顶部导航栏中的 settings“设置”图标
  2. 在左侧边栏菜单中,导航至内容 > 导航菜单
  3. 单击导航下拉菜单,然后单击+ 添加新内容
  4. 输入导航菜单的名称
  5. 然后完成添加菜单项的步骤

在全局内容编辑器中创建二级菜单:

  1. 导航至内容:

    • 网站页面:在 HubSpot 帐户中,导航到内容 > 网站页面
    • 登陆页面:在 HubSpot 帐户中,导航到内容 > 登陆页面
    • 博客:在 HubSpot 帐户中,导航到内容 > 博客
  2. 单击页面或文章的名称,或单击右上角的 "创建"。
  3. 在内容编辑器中,单击 siteTreeIcon content icon and then click the globalGroupIcon global content icon for the global module.
  4. 在全局内容编辑器中,单击siteTreeIcon 内容图标,然后单击包含导航菜单的模块。在侧栏编辑器中,单击新建
  5. 然后完成添加菜单项的步骤

查看菜单修订

你可以在修订历史中查看和恢复菜单以前发布的版本。每个版本都包括日期、时间戳和创建修订的用户。

在设置中查看菜单的修订历史:
  1. 在 HubSpot 帐户中,单击顶部导航栏中的 settings“设置”图标
  2. 在左侧边栏菜单中,导航至内容 > 导航菜单
  3. 单击导航下拉菜单,选择要更新的现有菜单
  4. 单击更多下拉菜单并选择显示修订
  5. 在对话框左栏中,单击时间戳,查看该日期和时间的菜单内容。
  6. 要恢复以前发布的菜单版本,请单击左下角的 "选择"
  7. 完成后,单击保存

A dialog box with revision history for a navigation menu is displayed. The left column contains the date and timestamps of revisions. The right column shows a preview of the revision. A choose button is located on the bottom left.

要在全局内容编辑器中查看菜单的修订历史,请执行以下操作
  1. 导航到您的内容:
    • 网站页面:在 HubSpot 帐户中,导航到内容 > 网站页面
    • 登陆页面:在 HubSpot 帐户中,导航到内容 > 登陆页面
    • 博客:在 HubSpot 帐户中,导航到内容 > 博客
  2. 单击现有页面或帖子的名称
  3. 在内容编辑器中,单击siteTreeIcon 内容图标,然后单击globalGroupIcon 全局模块的全局内容图标。
  4. 在全局内容编辑器中,单击siteTreeIcon 内容图标,然后单击包含导航菜单的模块。在侧栏编辑器中,单击编辑
  5. 在对话框中,单击 "更多"下拉菜单,然后选择左下角的 "显示修订"。你将进入导航菜单设置。
  6. 在对话框左栏中,单击时间戳,查看该日期和时间的菜单内容。
  7. 要恢复以前发布的菜单版本,请单击左下角的 "选择"
  8. 完成后,单击保存

Use HubSpot tools on your WordPress website and connect the two platforms  without dealing with code. Click here to learn more.

这篇文章有帮助吗?
此表单仅供记载反馈。了解如何获取 HubSpot 帮助