跳到內容
請注意::這篇文章的翻譯只是為了方便而提供。譯文透過翻譯軟體自動建立,可能沒有經過校對。因此,這篇文章的英文版本應該是包含最新資訊的管理版本。你可以在這裡存取這些內容。

编辑徽标、图标和品牌颜色

上次更新時間: 一月 17, 2025

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

所有產品和版本

拥有编辑账户默认设置权限的用户可以在品牌工具包中编辑品牌徽标、图标和品牌颜色。

在设置中,设置您的 徽标和图标以及您的主色、次色、强调色和附加品牌色。品牌色将出现在内容编辑器、日程安排页面、报价和对话频道中,但不会出现在销售模板和电子邮件中。

编辑您的徽标

在账户设置中,您可以编辑默认徽标。您可以为个别内容覆盖此徽标。

  • 在你的 HubSpot 帳戶中,點擊頂端導覽列中的settings「設定圖示」。
  • 在左侧边栏菜单中,单击账户 默认设置
  • 单击 "品牌 "选项卡。
  • 单击要编辑的品牌套件
  • 要添加新徽标,请单击徽标部分的+ 添加
  • 添加新徽标:
    • 要添加文件工具中的现有图片作为徽标,请单击浏览图片。在右侧面板中,单击图像
    • 要添加新图片,请单击上传,然后从电脑中添加图片。
  • 徽标名称 字段中,输入徽标的名称 。此字段为必填字段。
  • 徽标 alt 文本字段 中,输入针对搜索引擎和屏幕阅读器的徽标描述 。这将提高 网站的可访问性和搜索引擎优化。在 HubSpot 的开发人员文档中了解有关网站可访问性的更多信息。
  • 如果希望徽标可以点击,请在徽标URL 字段中输入URL
  • 要调整徽标大小,请在 "宽度 "或 "高度 " 字段中输入新的尺寸。其他字段会自动调整,以保持图片的比例。
  • 要添加另一个徽标,请单击 徽标 部分底部的+ 添加
  • 要删除现有图片,请将鼠标悬停在图片上,然后单击右上角的 X 。要删除徽标,请单击 "操作 "下拉菜单,然后选择 "删除"。
edit-logo
  • 完成徽标编辑后,点击左下角的保存
您可以在 内容编辑设计经理.在 标志 模块,c点击可切换 覆盖默认徽标打开,然后上传一个 徽标override-default-logo-in-content-editor

编辑您的图标

在账户设置中,您可以自定义网站的图标,即浏览器标签页标题旁边的小图片。您的图标只会应用于 HubSpot 托管的内容。

请注意:每个业务单位最多可添加 20 个图标。

  • 在你的 HubSpot 帳戶中,點擊頂端導覽列中的settings「設定圖示」。
  • 在左侧边栏菜单中,单击账户 默认设置
  • 单击 "品牌 "选项卡。
  • 单击要编辑的品牌套件
  • 要添加新图标,请单击 "图标 "部分中的+ 添加
  • 添加新图标:
    • 要将文件工具中的现有图片添加为图标,请单击浏览图片。在右侧面板中,单击图片
    • 要添加新图片作为图标,请单击上传,然后从电脑中添加图片。为获得最佳效果,请将图标保存为以下文件格式之一的 48 x 48 px 图像:.ico、 .gif、 .png
  • 在 "图标名称"字段中,输入您的图标名称

add-favicon

  • 完成图标编辑后,点击左下角的保存

编辑品牌颜色

您可以在设置中设置品牌颜色,这些颜色将出现在内容编辑器、日程安排页面、报价和对话频道中。品牌颜色不会出现在销售模板和电子邮件中。

  • 在你的 HubSpot 帳戶中,點擊頂端導覽列中的settings「設定圖示」。
  • 在左侧边栏菜单中,单击账户 默认设置
  • 单击 "品牌 "选项卡。
  • 单击要编辑的品牌套件
  • 在 "我的品牌工具包 "部分,单击 "颜色 "选项卡。
  • 设置品牌颜色:
    • 主色调:品牌中使用的主要颜色。在主色调下,输入十六进制代码 或单击颜色选择器并选择颜色。然后点击保存主色调是必填字段。
    • 次要颜色:品牌中第二常用的颜色。在次要颜色下,输入十六进制代码 或单击颜色 选择器并选择一种颜色。然后点击保存
    • 强调色: 补充品牌主色和次要色。在强调色下,输入十六进制代码或点击颜色选择器并选择一种颜色。然后单击保存。您最多可以添加三种强调色。
    • 附加颜色:不会自动使用,但可在颜色选择器中使用,并可在开发工具中引用。单击附加颜色旁边的add 添加 ,输入十六进制代码或单击颜色 选择器 选择一种颜色 然后单击保存。您最多可以添加 16 种附加颜色。
      • 要删除附加颜色,请单击要删除的颜色旁边的delete 删除 ,然后单击保存

branding-colors

请注意

如果您的网站引用的颜色未在品牌设置中设置,则会使用回退逻辑:
  • 次要颜色将默认为第一个可用的附加颜色。
  • 第一强调色将默认为第二附加色。
  • 第二个重点色将默认为第三个附加色。
  • 第三个重点颜色将默认为第四个附加颜色。
  • 如果没有设置附加颜色,则将使用默认颜色值。如果没有设置默认颜色,则将使用主色作为备用色。
  • 您还可以从已使用品牌颜色的实时页面导入颜色:
    • 单击从 URL 导入颜色
    • 在对话框中,输入使用品牌颜色的页面的URL ,然后单击查找颜色
    • 扫描完成后,清除不想导入的颜色旁边的复选框 ,然后单击导入

import-colors

這篇文章有幫助嗎?
此表單僅供記載意見回饋。了解如何取得 HubSpot 的協助