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

设置网站导航菜单

上次更新时间: 2025年8月26日

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

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

创建新菜单

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

  • 在设置中创建新菜单:
    1. 在 HubSpot 帐户中,单击顶部导航栏中的 settings“设置”图标
    2. 在左侧边栏菜单中,导航至内容 > 导航菜单默认菜单包含的页面将自动填充高级菜单模块的默认内容。
    3. 使用下拉菜单选择要更新的现有菜单。要创建新菜单,请单击+ 添加菜单
    4. 要创建现有高级菜单的副本,请单击右上角的更多下拉菜单,然后选择克隆
select-navigation-menu-name
  • 在全局内容编辑器中创建新菜单:
    1. 导航至内容:

      • 网站页面:在 HubSpot 帐户中,导航到内容 > 网站页面
      • 登陆页面:在 HubSpot 帐户中,导航到内容 > 登陆页面
      • 博客:在 HubSpot 帐户中,导航到内容 > 博客
    2. 在内容索引页面,单击现有内容的名称或单击 "创建 "创建新内容。
    3. 在内容编辑器中,单击 siteTreeIcon content icon and then click the globalGroupIcon global content icon for the global module.
    4. 在全局内容编辑器中,点击 siteTreeIcon content icon and then click the module containing the navigation menu. 
    5. 在侧栏编辑器中,单击菜单字段下方的创建新内容。
    6. 在对话框中,继续添加菜单项、页面和子页面。

添加菜单项

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

  • 要在设置中添加菜单项,请
    1. 在 HubSpot 帐户中,单击顶部导航栏中的 settings“设置”图标
    2. 在左侧边栏菜单中,导航至内容 > 导航菜单
  • 在全局内容编辑器中添加菜单项:
    1. 导航至内容:

      • 网站页面:在 HubSpot 帐户中,导航到内容 > 网站页面
      • 登陆页面:在 HubSpot 帐户中,导航到内容 > 登陆页面
      • 博客:在 HubSpot 帐户中,导航到内容 > 博客
    2. 在内容索引页面,单击现有内容的名称或单击 "创建 "创建新内容。
    3. 在内容编辑器中,单击 siteTreeIcon content icon and then click the globalGroupIcon global content icon for the global module.
    4. 在全局内容编辑器中,单击 siteTreeIcon content icon and then click the module containing the navigation menu. In the sidebar editor, click Edit.
  • 在设置或全局内容编辑器中:
    1. 将鼠标悬停在现有菜单项的上方或下方,然后单击+ 图标并选择要添加到导航中的项目
      • 添加不带链接 的项目:在菜单中添加另一个项目,但不链接到现有页面。这通常用作子菜单项的占位符。
      • 添加页面链接:添加链接到特定 HubSpot 页面的菜单项。
      • 添加带 URL 参数的页面链接: 添加一个链接到特定 HubSpot 页面的菜单项。使用该选项,你可以输入你想要的页面的准确 URL。
      • 添加 URL 链接:添加链接到外部 URL 的菜单项。
add-new-menu-item-to-navigation-menu
    1. 菜单项标签字段 中输入菜单项的名称
    2. 如果选择了添加页面链接添加 带 URL 参数的页面链接添加 URL 链接,请为该菜单项选择一个HubSpot 页面或输入一个URL

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

    1. 要在新窗口中打开菜单项链接,请将鼠标悬停在菜单项右侧,单击 " 操作 "下拉菜单,然后选择 "在新窗口中打开链接 "复选框。
open-link-in-new-window-in-navigation-menu

    1. 要重新排列菜单项,请单击菜单项标签左侧,然后将其拖到新位置。

添加子菜单项

子菜单项会出现在下拉菜单 或飞出子菜单中。如果你擅长编写和编辑 CSS,可以为菜单添加自定义 样式

  1. 将鼠标悬停在顶层菜单项上,单击操作,然后选择在下面添加子菜单项
  2. 菜单项标签字段中输入菜单项的名称
  3. 单击 "选择页面"下拉菜单,为链接选择页面。要手动输入 URL,请单击操作并选择URL 链接,以更改子菜单项类型。
  4. 要最终完成对菜单的更改,请单击保存。现在,该菜单就可以添加到高级菜单模块中了。

open-link-in-new-window-in-navigation-menu

创建二级菜单

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

  1. 在设置中单击+ 添加菜单,或在全局内容编辑器中单击创建新 菜单
  2. 输入新菜单的名称
  3. 然后完成添加菜单项的步骤

查看菜单修订

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

  • 在设置中查看菜单的修订历史:
    1. 在 HubSpot 帐户中,单击顶部导航栏中的 settings“设置”图标
    2. 在左侧边栏菜单中,导航至内容 > 导航菜单
    3. 使用顶部的下拉菜单选择要查看的菜单。
    4. 单击 "更多"下拉菜单并选择 "显示修订版",打开该菜单之前发布的所有版本的预览。
    5. 在左侧面板中,单击时间戳可查看该日期和时间的菜单内容。
    6. 要恢复以前发布的菜单版本,请单击 "选择"
    7. 选择所需的菜单修订版后,单击 "保存 "在网站上更新该菜单。
  • 要在全局内容编辑器中查看菜单的修订历史:
    1. 导航至您的内容:

      • 网站页面:在 HubSpot 帐户中,导航到内容 > 网站页面
      • 登陆页面:在 HubSpot 帐户中,导航到内容 > 登陆页面
      • 博客:在 HubSpot 帐户中,导航到内容 > 博客
    2. 在内容索引页面,单击现有内容的名称或单击 "创建 "创建新内容。
    3. 在内容编辑器中,单击 siteTreeIcon content icon and then click the globalGroupIcon global content icon for the global module.
    4. 在全局内容编辑器中,单击 siteTreeIcon content icon and then click the module containing the navigation menu. In the sidebar editor, click Edit.
    5. 在对话框中,单击更多下拉菜单并选择显示修订

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

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