请注意::本文仅为方便您阅读而提供。本文由翻译软件自动翻译,可能未经校对。本文的英文版应被视为官方版本,您可在此找到最新信息。您可以在此处访问。
编辑品牌徽标、图标、品牌颜色、字体和主题
上次更新时间: 2025年9月30日
拥有 编辑账户默认设置 权限的 用户可以编辑品牌工具包中的品牌徽标、图标、品牌颜色、主题和字体。
请注意: 每个账户只能创建一个品牌套件。如果您有 品牌插件,您可以为每个品牌创建一个品牌工具包。
品牌颜色将出现在内容编辑器、日程安排页面、报价和对话频道中,但 不会出现在销售模板和电子邮件中。添加或编辑您的徽标
在 " 品牌概览 "选项卡上,您可以编辑默认徽标。您可以为单个内容覆盖此徽标。
- 在 HubSpot 帐户中,导航到内容 > 品牌。
- 如果使用的是 品牌插件,请单击右上角的下拉菜单 ,选择要更新徽标的 品牌。
- 在 品牌工具包 部分,单击 徽标。
- 在右侧面板中,添加新徽标:
-
- 要添加文件工具中的现有图像作为徽标,请单击浏览图像。在右侧面板中,点击 图片。
- 要添加新图片,请单击上传,然后从电脑中添加图片。
- 在徽标名称 字段中,输入徽标的名称 。该字段为必填字段。
- 如果不想使用默认域,请单击 徽标 域下拉菜单,为徽标选择一个 特定域 。
- 在徽标 alt 文本字段 中,输入针对搜索引擎和屏幕阅读器的徽标描述 。这样可以提高 的可访问性和网站的搜索引擎优化。在 HubSpot 的 开发人员文档中了解有关网站可访问性的更多信息。
- 如果希望徽标 可以点击,请在徽标URL 字段中输入URL。
- 要调整徽标大小,请在 "宽度 "或"高度 "字段中输入新的尺寸。其他字段将自动调整,以保持图像的比例。
- 如果希望将此徽标设为默认 徽标 ,请单击 " 设为默认徽标 "复选框。
- 要删除徽标,请单击 " 删除"。
- 要添加另一个徽标,请单击 底部的+ 添加另一个徽标 。
-
- 完成徽标编辑后,单击 " 更新"。
添加或编辑您的图标
在 " 品牌概览 "选项卡上,您可以自定义网站的图标,即浏览器标签页标题旁边的小图片。您的图标只会应用于 HubSpot 上托管的内容。
请注意: 每个 品牌最多可添加 20 个图标。
- 在 HubSpot 帐户中,导航到内容 > 品牌。.
- 如果使用的是 品牌插件,请单击右上角的下拉菜单 ,选择要更新徽标的 品牌。
- 在 " 品牌工具包 "部分,单击 " 收藏夹"。
- 在右侧面板中,添加新的图标:
- 要添加文件工具中的现有图像作为徽标,请单击浏览图像。然后,点击 图片。
- 要添加新图片,请单击上传,然后从电脑中添加图片。
- 在 "图标名称 "字段中,输入图标名称 。
- 要将该图标设为默认 图标 ,请选择 " 将此设为默认图标 "复选框。
- 要添加另一个徽标,请单击 + 添加另一个图标。
- 要删除现有图像,请单击 " 删除"。
- 完成图标编辑后,单击 "更新"。
添加或编辑品牌颜色
您可以在内容编辑器中显示的 " 品牌概览 "选项卡上设置品牌颜色,还可以设置页面、报价和对话频道的日程安排。品牌颜色不会出现在销售模板和电子邮件中。
- 在 HubSpot 帐户中,导航到内容 > 品牌。
- 如果使用的是 品牌插件,请单击右上角的下拉菜单 ,选择要更新徽标的 品牌。
- 在 " 品牌工具包 "部分,单击 " 颜色"。
- 在右侧面板中设置品牌颜色:
- 要从 URL 导入颜色,请单击 从 URL 导入颜色。
- 在对话框中,输入使用品牌颜色的页面 URL ,然后单击 查找颜色。
- 将要使用的颜色拖放到要指定的颜色旁边。例如,将 #754262 拖到 主色 部分。
- 输入十六进制代码或选择颜色:
- 主色调: 品牌中使用的主要颜色。在 "主要颜色"下,输入十六进制代码 或点击 颜色 选择器 并选择一种 颜色。
- 辅助色: 品牌中第二常用的颜色。在辅助颜色下,输入十六进制代码 或点击 颜色选择器 并选择 颜色。
- 强调色: 与品牌主色和辅助色相辅相成的颜色。在 " 强调色"下,输入 十六进制代码 或点击 颜色选择器 并选择一种 颜色。
- 附加颜色: 这些颜色不会自动使用,但可在颜色选择器中使用,并可在开发工具中引用。点击 add 附加颜色旁边的添加 ,输入十六进制代码或单击 颜色 选择器 ,然后 选择 颜色。 要删除其他颜色,请单击 " 删除"。
- 要从 URL 导入颜色,请单击 从 URL 导入颜色。
请注意
如果您的网站引用的颜色未在品牌设置中设置,则会使用回退逻辑:- 辅助颜色将默认为第一个可用的附加颜色。
- 第一个重点颜色将默认为第二个附加颜色。
- 第二个重点颜色将默认为第三个附加颜色。
- 第三种强调色将默认为第四种附加颜色。
- 如果没有设置其他颜色,则会使用默认颜色值。如果没有设置默认颜色,它将使用原色作为备用颜色。
更换主题
主题是一组模板、模块、全局内容和样式设置,可用于创建网站。您可以在内容编辑器 中使用主题编辑页面和文章,并在博客设置中设置博客模板以使用主题。
所有账户都可以访问至少一个默认的 HubSpot 主题。主题也可以从模板市场下载。
请注意: 知识库使用的是主题的修改版。了解有关编辑 知识库主题设置的更多信息。
更改主题
- 在 HubSpot 帐户中,导航到内容 > 品牌。
- 如果使用的是 品牌插件,请单击右上角的下拉菜单 ,选择要更新徽标的 品牌。
- 在 " 品牌套件 "部分,单击 " 主题"。
-
- 选择 设置主题 或 更改主题 以选择不同的主题。
- 您的可用主题将显示出来。单击您希望用于品牌的主题旁边的 " 设置为活动 主题"。
- 在搜索栏中输入 主题名称 ,搜索主题。
- 选择 设置主题 或 更改主题 以选择不同的主题。
-
-
- 单击 "在市场中查看主题" ,查看其他可供下载的主题。
- 选择 "预览" ,预览主题的外观。
- 选择 "编辑 "编辑 主题设置。
-
添加、编辑或删除字体
您可以在 " 品牌概览 "选项卡上设置主要字体、次要字体和自定义字体,这些字体将用于您的所有内容。
添加字体
- 在 HubSpot 帐户中,导航到内容 > 品牌。
- 如果使用的是 品牌插件,请单击右上角的下拉菜单 ,选择要更新徽标的 品牌 。
- 在 " 品牌工具包 "部分,单击 " 字体"。
-
- 设置正文使用的字体:
- 在 " 正文"下,单击 "选择字体 "下拉菜单。
- 在搜索栏中输入 字体名称 ,或从列表中选择字体 。
- 设置正文使用的字体:
-
- 设置标题和大段文字使用的字体:
- 在 " 主要字体"下,单击 "选择字体 "下拉菜单。
- 在搜索栏中输入 字体名称 ,或从列表中选择字体 。
- 设置标题和大段文字使用的字体:
-
- 在内容编辑器的字体选择器中设置可用的自定义字体:
- 在自定义字体下,单击+ 添加自定义字体。
- 在字体名称 字段中,输入字体名称 。
- 单击选择字体文件。
- 选择要从电脑上传的 字体文件 。支持的文件格式:TTF、OTF 和 WOFF。
- 点击+ 上传更多文件 ,添加更多字体文件。
- 单击 下一步。
- 使用下拉菜单 选择相应的字体样式。
- 单击+ 添加另一种字体样式 来添加其他样式。
- 在内容编辑器的字体选择器中设置可用的自定义字体:
-
- 单击 更新。
- 您可以添加多个自定义字体。要添加另一个,请再次执行 步骤 。
编辑或删除自定义字体
编辑自定义字体:
- 在 HubSpot 帐户中,导航到内容 > 品牌。
- 如果使用的是 品牌插件,请单击右上角的下拉菜单 ,选择要更新徽标的 品牌。
- 在 " 品牌工具包 "部分,单击 " 字体"。
-
- 在自定义字体下,单击现有字体旁边的操作,然后选择编辑 或 删除。
-
- 使用 下拉菜单 选择相应的字体样式。
-
- 单击+ 添加另一种字体样式 来添加其他样式。
- 单击更新。
Branding
Website Pages
Account Management
你的反馈对我们至关重要,谢谢。
此表单仅供记载反馈。了解如何获取 HubSpot 帮助。