跳到内容

使用主题

上次更新时间: 二月 13, 2025

除非另有说明,否则适用于以下任何订阅

所有产品和计划

主题是一组模板、模块、全局内容和样式设置,可用于创建网站。你可以在内容编辑器 中使用主题编辑页面和文章,也可以在博客设置中设置博客模板以使用主题

所有账户都可以访问至少一个默认的 HubSpot 主题。主题也可以从模板市场下载。

了解主题

主题是网站的一组文件,包括

  • 编码模板: 一套网站模板,包括主页、简介页面、登陆页面和博客模板。这些模板由开发人员自定义编码,但内容和布局可在内容编辑器中自定义。
  • 模块: 一组独特的主题模块,您可以添加到使用该主题的内容中。
  • 全局内容:在多个页面上重复出现的内容,如网站页眉或页脚。您可以直接通过拖放页面编辑器编辑全局内容
  • 主题设置:使用主题的模板的 样式设置,包括字体、间距和颜色。

使用活跃的主题

您可以设置一个活动主题,将该主题的页面显示为新创建页面的默认选项。设置或更改活动主题不会改变现有内容使用的主题,这需要交换内容的当前模板。其他主题可在HubSpot Template Marketplace 购买。

如果您尚未为账户激活主题,则需要在开始创建网站前激活。

  • 导航至您的内容:

    • 网站页面:在 HubSpot 帐户中,导航到内容 > 网站页面
    • 登陆页面:在 HubSpot 帐户中,导航到内容 > 登陆页面
  • 如果您尚未创建任何网站页面:
  • 单击从头开始。
  • 在主题选择界面,将鼠标悬停在主题上,然后点击预览主题打开主题预览,或点击设置为活动主题将该主题作为页面的默认主题。

  • 然后,你可以从主题中选择一个模板,使用 HubSpot 的拖放编辑器继续创建页面

主题设置为活动后,每次创建新页面时都会显示这些模板。您可以随时点击模板选择界面上的主题下拉菜单,更改账户的活动主题,如下图所示。

更改账户的活动主题:

  • 导航至您的内容:

    • 网站页面:在 HubSpot 帐户中,导航到内容 > 网站页面
    • 登陆页面:在 HubSpot 帐户中,导航到内容 > 登陆页面
  • 在右上角单击 "创建"。如果有多个已连接的域,请单击网站 下拉菜单,在对话框中选择一个域 。然后输入页面名称 ,点击创建页面。
  • 单击 "主题"下拉菜单并选择 "更改主题"。

  • 在主题选择界面,将鼠标悬停在主题上,然后点击预览主题打开主题预览或设置为活动主题。


使用主题创建页面

  • 导航至您的内容:

    • 网站页面:在 HubSpot 帐户中,导航到内容 > 网站页面
    • 登陆页面:在 HubSpot 帐户中,导航到内容 > 登陆页面
  • 在右上角单击 "创建"。
  • 如果有多个已连接的域,请单击网站 下拉菜单并在对话框中选择一个域 。然后输入页面名称 ,单击创建页面。
  • 在模板选择屏幕上,活动主题的模板将显示在主题模板部分。要查看不属于活动主题的模板,请单击其他模板。
  • 将鼠标悬停在模板上,然后单击 "预览模板"预览模板,或单击 "选择模板"继续内容编辑器。

  • 在内容编辑器中,使用拖放编辑器编辑页面内容。
  • 要实时更新更改,请单击右上角的 "发布 "或"更新",然后在对话框中单击 "立即发布 " 或 "立即更新 "。

为博客应用主题模板

您可以在博客设置中将博客设置为与页面使用相同的主题。博客文章和博客列表页面模板可单独选择。

  • 在 HubSpot 帐户中,单击顶部导航栏中的 settings“设置”图标
  • 在左侧边栏菜单中,导航至内容>博客。
  • 如果您有多个博客,请单击 "选择 要修改的博客"下拉菜单并选择一个博客。
  • 单击 "模板 "选项卡。
  • 在"博客文章模板 "和 "博客列表页面 "部分,单击 "操作"下拉菜单并选择 "更改模板"。

  • 在 "主题选择 "页面,选择主题,然后使用该主题选择模板。在右下角单击 "完成"。
  • 设置好博客文章和博客列表页面模板后,点击左下角的保存。

请注意:对于可在内容编辑器中编辑的博客列表页面,这些步骤将引导您进入内容编辑器,而不是主题选择界面。

编辑主题设置

您可以在主题设置中自定义主题的样式,包括字体、颜色和间距。在此编辑的样式适用于此主题中包含的所有页面和主题模块。了解有关管理主题设置的更多信息。

管理主题

在设计管理器中,你可以编辑、克隆或复制主题到另一个 HubSpot 账户。你还可以删除默认的 HubSpot 主题、克隆主题和自定义主题,以及创建子主题。

你可以编辑子主题的主题设置而不影响父主题,但它不会创建额外的主题资产副本。要复制父主题的资产,建议克隆该主题。

克隆一个主题

要在设计管理器中编辑默认主题的编码文件,必须先克隆这些文件。

请注意: 从 HubSpot Template Marketplace购买的主题不能克隆。您可以 创建一个子主题。目前, Elevate
  • 在 HubSpot 帐户中,导航到内容 > 设计管理器。本地导航设计管理器
  • 在查找器中点击@hubspot文件夹。该文件夹包含所有主题和默认模块,包括拖放电子邮件模块
  • 右键单击主题 文件夹,然后选择克隆主题。

  • 在对话框中输入主题名称,然后单击创建。

主题将被复制到根文件夹中,并在查找器中与其他文件夹一起列出。

创建子主题

在设计管理器中,您可以根据购买的模板市场主题或默认的 HubSpot 主题创建子主题(已购买主题的副本)。你可以编辑子主题的主题设置,而不会影响父主题。

开发人员还可以根据自定义主题创建子主题,并使用我们的开发人员文档使用CLI 创建子主题。进一步了解如何使用子主题

  • 在 HubSpot 帐户中,导航到内容 > 设计管理器。本地导航设计管理器
  • 在查找器中,点击@marketplace 文件夹查看模板市场主题,或点击@hubspot文件夹查看默认主题。
  • 右键单击主题文件夹,然后选择创建子主题。
  • 在对话框中输入子主题的名称。
  • 要更改子主题的保存位置,请单击文件位置部分中的更改。单击文件夹,然后单击选择。
  • 要自定义主题的 CSS 和 JS 文件名,请单击高级选项,然后在CSS和JS字段中输入新的文件名。
  • 单击 "创建子主题 "完成创建过程。您可以在内容编辑器中编辑子主题的样式

将主题复制到另一个账户

您可以将主题文件夹从一个账户复制到另一个账户。您必须是两个账户中都拥有设计工具权限的用户。

请注意:@hubspot 或 @marketplace 目录中的主题文件夹不能在不同账户之间复制。

将主题复制到账户

  • 在 HubSpot 帐户中,导航到内容 > 设计管理器。本地导航设计管理器
  • 在查找器中,将鼠标悬停在要复制的主题文件夹上,然后右键单击该文件夹并选择 "复制到不同账户"。

  • 在对话框中选择一个账户,然后单击 "复制资产"。复制过程一结束,文件夹就会出现在指定账户中。

上传主题

Content Hub账户 的用户可以从 Envato 的 ThemeForest Marketplace 购买 HubSpot 主题,然后从主题选择屏幕将其上传到 HubSpot:

  • 导航至 Envato 的 ThemeForest Marketplace 的HubSpot CMS Hub部分
  • 从市场上购买一个主题
  • 您将收到一封电子邮件,其中包含所购主题的购买代码。复制购买代码。

  • 导航至您的内容:

    • 网站页面:在 HubSpot 帐户中,导航到内容 > 网站页面
    • 登陆页面:在 HubSpot 帐户中,导航到内容 > 登陆页面
  • 在右上角单击 "创建"。
  • 如果有多个已连接的域,请单击网站 下拉菜单并在对话框中选择一个域 。然后输入页面名称 ,单击创建页面。
  • 在模板选择界面,点击主题 下拉菜单并选择更改主题。

  • 在右上角,点击从 ThemeForest 安装主题。

  • 在对话框中,粘贴电子邮件中的购买代码,然后单击 "安装主题"。
  • 在新标签页中,登录 Envato 的 ThemeForest Marketplace 完成安装过程。

成功登录后,HubSpot 会出现一个横幅。您的主题可能需要几分钟才能显示出来。

删除主题

可以从设计管理器中删除默认的 HubSpot 主题、克隆的主题和上传的主题:

  • 在 HubSpot 帐户中,导航到内容 > 设计管理器
  • 查找器中,点击包含主题资产的文件夹。
  • 单击文件下拉菜单并选择删除 [文件夹名称]。
  • 在对话框中,选择 "我确定要删除此文件夹 "复选框,然后单击 "删除此文件夹"。

必须从模板市场卸载已购买的主题:

  • 在 HubSpot 帐户中,单击顶部导航栏中的“商城”图标 marketplace,然后选择模板商城
  • 单击 "已购买"选项卡。
  • 将鼠标悬停在主题上,然后单击 "操作"下拉菜单并选择 "卸载"。
  • 在对话框中单击 "卸载"。
这篇文章有帮助吗?
此表单仅供记载反馈。了解如何获取 HubSpot 帮助