编辑主题设置
上次更新时间: 三月 24, 2025
主题是一组可应用于 HubSpot网站页面和博客的样式和模板。为确保网站外观一致,使用同一主题的所有页面的样式设置都在主题设置中进行管理。
开始之前
主题设置可控制使用主题模板的页面的主色调、字体和按钮样式。
请注意: 主题设置中的样式选项取决于创建主题的网络开发人员所包含的主题字段选项。
网站的部分内容在账户设置的其他部分进行管理,包括
- 公司徽标:在 "品牌"选项卡的 "账户默认设置"中更新公司徽标。
- 导航菜单:菜单颜色在主题设置中设置,但导航菜单内容和链接在导航设置中管理。了解如何创建导航菜单,您可以在页面编辑器中将其添加到全局页眉或全局页脚内容中。
- 您的发布域: 您可以连接的子域、品牌域和顶级域的数量取决于您的订购。了解有关域的订阅限制 以及将域连接到 HubSpot 的更多信息。
编辑主题设置
您可以在内容编辑器中编辑使用该主题的任何页面或文章的主题设置:
-
导航至您的内容:
- 网站页面:在 HubSpot 帐户中,导航到内容 > 网站页面。
- 登陆页面:在 HubSpot 帐户中,导航到内容 > 登陆页面。
- 博客:在 HubSpot 帐户中,导航到内容 > 博客。
- 单击内容名称。
- 在内容编辑器中,单击 "编辑 "菜单并选择 "主题"。
颜色
主题的颜色设置会对主题模板中的所有元素应用主色、辅助色和背景色。要对标题、字体和链接进行更具体的自定义设置,请单击更多设置旁边的编辑。
字体
选择适用于网站标题、表单、按钮和正文的主要字体和次要字体。支持所有 Google 字体。点击颜色气泡 ,自定义主要或次要字体颜色。你可以选择一个简单的颜色值,或单击 "高级 "选项卡,使用颜色选择器选择一个特定的十六进制值。
间距
主题的间距设置可控制页面内容的最大宽度,以及页面上不同元素之间的垂直间距。
更多设置
在主题设置中,您还可以对页面上的更多特定样式进行更详细的设置。主题中的样式选项基于主题编码模板中的主题字段。如果您找不到所需的设置,请联系模板设计者,了解模板中包含哪些选项。
下面的示例是主题中可能包含的附加类型的一般指南。有关模板中可能包含的主题字段的完整参考信息,请参阅设计者文档。
请注意: 请记住,您可以在页面的富文本模块中自定义字体、颜色和样式,也可以在页面编辑器中覆盖主题的默认样式。只有当您希望将这些样式应用于使用该主题的所有页面时,才可以修改这些样式。
排版
在排版设置中,您可以控制应用于模板中某些元素的字体。您还可以为主题中的某些标题、字体或链接选择自定义颜色。
- 标题: 您可以为主题中的任何标题自定义准确的字体、颜色、大小和样式。
- 正文: 只可自定义页面正文的字体、颜色或文字大小。
- 链接: 自定义网站上链接的默认颜色。您还可以自定义链接的颜色以及访客悬停或点击链接时的行为。
按钮
您可以为页面和博客上的按钮设置自定义颜色、字体和样式。在特定页面的页面编辑器中,您可以交换按钮的大小或类型,具体取决于网站开发人员创建主题的方式。
- 尺寸:指定页面上小按钮、普通按钮和大按钮的尺寸。
- 主按钮:主按钮用于访客在页面上进行的最重要操作。这种颜色应引人注目,吸引访客的注意力。
- 次要按钮:当页面上已经有一个主要按钮时,次要按钮用于相对不那么重要的操作。次要按钮通常用于页面上优先级较低的操作。
- 简单:这些是应用于页面中简单按钮模块的默认字体和样式。
表格
自定义表单的默认颜色、字体、文本样式和按钮样式。
- 标题: 这些样式应用于显示在整个表单上方的文本字段。通常包括问候语和填写表格的说明。表单上的这些样式只能在主题设置中的此处进行管理。
- 标签: 应用于出现在表单字段上方的标签的样式。
- 字段: 应用于表单字段本身名称的样式。
- 帮助文本: 这是显示在每个表单字段内的示例内容,说明访客应提交的信息类型。
- 提交:选择应用于表单的按钮样式和大小。
- 背景颜色: 应用于表单的背景颜色。
- 边框: 表单字段周围的边框颜色。
- 填充: 页面上表单周围的间距。
表格
为添加到页面的表格设置默认颜色、字体、间距和边框。
- 表头: 应用于表头字体的颜色,以及表格第一行全宽的默认背景颜色。您还可以为表格标题底部边缘的重点颜色设置底部边框。
- 字体颜色: 表格中字体的默认颜色。
- 背景颜色: 表格单元格背景的默认背景颜色。
- 边框: 表格的默认边框颜色、宽度和样式。
- 填充: 表格在页面上下的空间大小。
进一步了解如何在页面的富文本模块中插入表格。
网站标题
这些设置可控制页面标题(包括导航菜单)中出现的颜色和字体。了解如何 在账户设置中设置 导航菜单 。 要在主题模板上设置公司徽标,请 在 " 品牌 " 部分的账户默认设置中添加徽标图片 。
- 菜单: 当访问者查看、悬停或点击菜单项时,为导航菜单选择字体的颜色和样式。这些样式只能在主题设置中进行管理。
- 背景颜色: 选择网站标题背景的颜色。
- 底部边框: 如果需要,您可以在网站页眉下方添加一条水平线作为边框。选择一种样式来激活底部边框,然后选择边框的颜色和宽度。
页脚
这些设置可以控制页面页脚(包括导航菜单)的颜色和字体。了解如何 在账户设置中设置 导航菜单 。
- 菜单: 选择主题页脚导航菜单的颜色和字体样式。您可以自定义游客查看、悬停或点击菜单项时的颜色。这些样式只能在主题设置中的此处进行管理。
- 背景颜色: 选择网站页脚背景的颜色。
- 底部边框: 如果需要,您可以在网站页脚下方添加一条水平线作为边框。选择一种样式来激活底部边框,然后选择边框的颜色和宽度。
博客
这些设置可控制列表页面模板和博客文章模板的样式。
横幅图片: 上传用于博客模板页眉背景的图片。您可以为博客主页选择一张图片,为所有博文选择一张图片。
标签: 设置博客标签的默认颜色、字体和样式,这些标签会显示在博客文章的顶部。