使用佈景主題
上次更新時間: 二月 7, 2025
主题是一组模板、模块、全局内容和样式设置,可用于创建网站。你可以在内容编辑器 中使用主题编辑页面和文章,并在博客设置中将博客模板设置为使用主题。
所有账户都可以访问至少一个默认的 HubSpot 主题。主题也可以从模板市场下载。
了解主题
主题是网站的一组文件,包括
- 编码模板: 一套网站模板,包括主页、简介页面、登陆页面和博客模板。这些模板由开发人员自定义编码,但内容和布局可以在内容编辑器中自定义。
- 模块: 一组独特的主题模块,你可以添加到使用该主题的内容中。
- 全局内容:在多个页面上重复出现的内容,如网站页眉或页脚。你可以直接在拖放页面编辑器中编辑全局内容。
- 主题设置:使用主题的模板的 样式设置,包括字体、间距和颜色。
使用活跃的主题
您可以设置一个活动主题,将该主题的页面显示为新创建页面的默认选项。设置或更改活动主题不会改变现有内容使用的主题,这需要交换内容的当前模板。其他主题可在HubSpot Template Marketplace 购买。
如果您尚未为账户激活主题,则需要在开始创建网站前激活。
-
导航至您的内容:
- 网站页面:在你的 HubSpot 帳戶中,瀏覽「內容」>「網站頁面」。
- 登陆页面:在你的 HubSpot 帳戶中,瀏覽「內容」>「登陸頁面」。
- 如果您尚未创建任何网站页面:
- 单击从头开始。
- 在 "主题选择 "页面,将鼠标悬停在主题上,然后单击 "预览主题"打开主题预览,或单击 "设置为活动主题 "将此主题作为页面的默认主题。
- 然后,你可以从主题中选择一个模板,继续使用 HubSpot 的拖放编辑器创建页面。
主题设置为活动后,每次创建新页面时都会显示这些模板。您可以随时点击模板选择界面上的主题下拉菜单,更改账户的活动主题,如下图所示。
更改账户的活动主题:
-
导航至您的内容:
- 网站页面:在你的 HubSpot 帳戶中,瀏覽「內容」>「網站頁面」。
- 登陆页面:在你的 HubSpot 帳戶中,瀏覽「內容」>「登陸頁面」。
- 在右上角单击 "创建"。如果有多个已连接的域,请单击网站 下拉菜单,然后在对话框中选择一个域 。然后输入页面名称 ,单击创建页面。
- 单击主题下拉菜单并选择更改主题。
- 在 "主题选择 "页面,将鼠标悬停在主题上,然后点击 "预览主题"打开主题预览或 "设置为活动主题"。
- 然后,你可以从主题中选择一个模板,继续使用 HubSpot 的拖放编辑器创建页面。
使用主题创建页面
-
导航至您的内容:
- 网站页面:在你的 HubSpot 帳戶中,瀏覽「內容」>「網站頁面」。
- 登陆页面:在你的 HubSpot 帳戶中,瀏覽「內容」>「登陸頁面」。
- 在右上角单击 "创建"。
- 如果有多个已连接的域,请单击网站 下拉菜单,然后在对话框中选择一个域 。然后输入页面名称 ,单击创建页面。
- 在模板选择屏幕上,活动主题的模板将显示在主题模板部分。要查看不属于活动主题的模板,请单击其他模板。
- 将鼠标悬停在模板上,然后单击预览模板预览该模板,或单击选择模板继续进入内容编辑器。
- 在内容编辑器中,使用拖放编辑器编辑页面内容。
-
要实时更新更改内容,请单击右上角的 "发布 " 或"更新 ",然后在对话框中单击 "立即发布 " 或"立即更新" 。
为博客应用主题模板
您可以在博客设置中将博客设置为与页面使用相同的主题。博客文章和博客列表页面模板可单独选择。
- 在你的 HubSpot 帳戶中,點擊頂端導覽列中的settings「設定圖示」。
- 在左侧边栏菜单中,导航至内容>博客。
- 如果有多个博客,请单击 "选择 要修改的博客"下拉菜单并选择一个博客。
- 单击 "模板 "选项卡。
- 在 "博客文章模板 "和 "博客列表页 "部分,单击 "操作"下拉菜单并选择 "更改模板"。
- 在 "主题选择 "页面,选择主题,然后使用该主题选择模板。在右下角点击完成。
- 设置好博客文章和博客列表页面模板后,点击左下角的保存。
请注意:对于可在内容编辑器中编辑的博客列表页面,这些步骤将引导您进入内容编辑器,而不是主题选择界面。
编辑主题设置
您可以在主题设置中自定义主题的样式,包括字体、颜色和间距。在此编辑的样式适用于此主题中包含的所有页面和主题模块。了解有关管理主题设置的更多信息。
管理主题
在设计管理器中,你可以编辑、克隆或复制主题到另一个 HubSpot 账户。你还可以删除默认的 HubSpot 主题、克隆主题和自定义主题,以及创建子主题。
你可以编辑子主题的主题设置而不影响父主题,但它不会创建额外的主题资产副本。要复制父主题的资产,建议克隆该主题。
克隆一个主题
要在设计管理器中编辑默认主题的编码文件,必须先克隆这些文件。
- 在你的 HubSpot 帳戶中,瀏覽「內容」>「設計管理工具」。
- 在查找器中,单击@hubspot文件夹。该文件夹包含所有主题和默认模块,包括拖放电子邮件模块。
- 右键单击主题 文件夹,然后选择克隆主题。
- 在对话框中输入主题名称,然后单击创建。
主题将被复制到根文件夹中,并在查找器中与其他文件夹一起列出。
创建子主题
在设计管理器中,您可以根据购买的模板市场主题或默认的 HubSpot 主题创建子主题(已购买主题的副本)。你可以编辑子主题的主题设置,而不会影响父主题。
开发人员还可以根据自定义主题创建子主题,并使用我们的开发人员文档使用CLI 创建子主题。了解有关使用子主题的更多信息。
将主题复制到另一个账户
您可以将主题文件夹从一个账户复制到另一个账户。您必须是两个账户中都拥有设计工具权限的用户。
请注意:@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 圖示」marketplace,然後選取「範本市集」。
- 单击 "已购买"选项卡。
- 将鼠标悬停在主题上,然后单击 "操作"下拉菜单并选择 "卸载"。
- 在对话框中单击 "卸载"。