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

編輯 品牌 標誌、網 最愛圖示 圖示、品牌 顏色、字體和主題

上次更新時間: 2025年9月30日

可搭配下列任何訂閱使用,除非另有註明:

擁有 編輯 帳戶 預設 權限的 使用者可以編輯 品牌 品牌套件 中的 品牌 標誌、最愛圖示 示、品牌顏色、主題和字型。 

請注意: 您可以為每個 帳戶 建立一個 品牌套件。如果您有 品牌 附加元件,您可以為每個 品牌套件 。

品牌 顏色會顯示在內容編輯器、排程頁面、報價和對話管道中, 但不會顯示在銷售範本和電子郵件中。 

新增或編輯標誌

在「 品牌 概覽 」分頁上,你可以編輯預設標誌。您可以為個別內容覆蓋此標誌。 

  1. 在你的 HubSpot 帳戶中,瀏覽「內容」>「品牌」。
  2. 如果你使用「 品牌」附加元件,請點擊右上角的下拉式選單,然後選擇要更新標誌的 品牌

    brand-identity-context-select-brand
  3. 在「 品牌 工具組 」部分,按一下「 標誌」
  4. 在右側面板中,新增新的標誌:
    • 若要將檔案工具中的現有影像新增為標誌,請按一下瀏覽影像。在右側面板中,按一下 影像。 
    • 若要新增影像,請按一下上傳,然後從電腦新增影像。 
    • 在「標誌名稱」欄位中,輸入標誌的名稱。此字段爲必填字段。 
    • 如果你不想使用預設 網域 ,請按一下「標誌 網域」下拉式選單,並為標誌選擇特定 網域。
    • 在「標誌替代文字」欄位中,輸入適用於搜尋引擎和螢幕閱讀器的標誌說明。這可以改善網站的存取能力和搜尋引擎最佳化(SEO)。請參閱HubSpot 開發人員文件,深入瞭解 網站 無障礙功能。 
    • 如果您希望標誌可點擊,請在「標誌網址」欄位中輸入網址。 
    • 若要調整標誌的大小,請在「度」或「高度」欄位中輸入新的 維度。另一個欄位將自動調整以保持影像的比例。 
    • 如果你希望此標誌為預設標誌,請點擊「將此標誌設為我的預設標誌 」核取方塊。
    • 若要刪除標誌,請按一下「 刪除」。
    • 若要新增其他標誌,請按一下底部的「+新增其他標誌」。

      branding-upload-logo
    • 編輯完標誌後,按一下「 更新」。

新增或編輯你的網 最愛圖示 示

在「 品牌 概覽 」分頁上,你可以自訂 網站 最愛圖示 的最愛圖示,即頁面標題旁邊的瀏覽器分頁中的小圖片。你的 最愛圖示 示只會套用至HubSpot上託管的內容。 

請注意: 每個 品牌最多可新增20個網 最愛圖示 圖示。

  1. 在你的 HubSpot 帳戶中,瀏覽「內容」>「品牌」。.
  2. 如果你使用「 品牌」附加元件,請點擊右上角的下拉式選單,然後選擇要更新標誌的 品牌

    brand-identity-context-select-brand
  3. 在「 品牌 工具組 」部分,按一下「網站圖 」。 
  4. 在右側面板中,新增網 最愛圖示 示:
    • 若要將檔案工具中的現有影像新增為標誌,請按一下瀏覽影像。然後,按一下 圖片。 
    • 若要新增影像,請按一下上傳,然後從電腦新增影像。 
  5. 在「網最愛圖示 示名稱」欄位中,輸入網 最愛圖示 圖示的名稱。 
  6. 若要將網 最愛圖示 圖示設為預設值, 請選取將此設為我的預設網 最愛圖示 圖示 核取方塊。
  7. 若要新增另一個標誌,請按一下+新增另一個 最愛圖示示。
  8. 要刪除現有的影像,請單擊 刪除。


    branding-favicon
  9. 編輯完最愛 最愛圖示 示後,按一下「更新」。

新增或編輯 品牌 顏色

你可以在內容編輯器的「 品牌 概覽」分頁中設定品牌顏色,以及排程頁面、報價和 對話 管道。品牌 顏色不會出現在銷售範本和電子郵件中。 

  1. 在你的 HubSpot 帳戶中,瀏覽「內容」>「品牌」。
  2. 如果你使用「 品牌」附加元件,請點擊右上角的下拉式選單,然後選擇要更新標誌的 品牌

    brand-identity-context-select-brand
  3. 在「 品牌 工具組 」部分,按一下「 顏色」。
  4. 若要設定 品牌 顏色,請前往右側面板:
    • 若要從網址 匯入 顏色,請按一下 從網址 匯入 顏色
      • 在對話方塊中,輸入使用 品牌 顏色的頁面 網址,然後按一下 尋找顏色。 
      • 將要使用的顏色拖放到要為其指定的顏色旁邊。例如,將# 754262拖曳至「 主要顏色 」區段。

        branding-color-picker
    • 要輸入十六進制代碼或選擇顏色:
      • 主要顏色: 品牌 中使用的主要顏色。在主要顏色下,輸入十六進制代碼,或按一下 顏色選擇器 並選擇 顏色。 
      • 次要顏色: 品牌 中第二常用的顏色。在「次要顏色」下方,輸入十六進制代碼,或按一下 顏色 選擇器並選擇 顏色
      • 強調顏色:與主要和次要 品牌 顏色 相輔相成的顏色。在 強調顏色下方,輸入 十六進制代碼 ,或按一下 顏色 選擇器並選擇 顏色。 
      • 其他顏色: 這些顏色不會自動使用,但會在顏色選擇器中提供,並可在開發工具中參考。單擊 其他顏色旁邊的 add 添加,輸入十六進制代碼或單擊 顏色選擇器 選擇 顏色 要刪除其他顏色,請單擊 刪除

請注意:

如果你的網站引用的顏色未在 品牌 設定中設定,則會使用備用邏輯:
  • 次要顏色將預設為第一個可用的額外顏色。
  • 第一種強調顏色將默認為第二種附加顏色。
  • 第二個強調顏色將默認為第三個附加顏色。
  • 第三種強調顏色將預設為第四種附加顏色。
  • 如果未設定其他顏色,則會使用預設顏色值。如果未設定預設顏色,則會使用原色作為備用顏色。

變更佈景主題

佈景主題是一組可用於建立 網站 的範本、模組、全域內容和樣式設定。你可以在內容編輯器中使用主題編輯頁面和文章,並將網誌範本設定為在網誌設定中使用主題。

所有帳戶都可以存取至少一個預設HubSpot主題。佈景主題也可以從範本市集 下載。

請注意: 知識庫使用修改過的主題版本。深入瞭解如何編輯 知識庫 佈景主題設定

若要變更佈景主題,請按照以下

  1. 在你的 HubSpot 帳戶中,瀏覽「內容」>「品牌」。
  2. 如果你使用「 品牌」附加元件,請點擊右上角的下拉式選單,然後選擇要更新標誌的 品牌
  3. 在「 品牌 工具組 」部分,按一下「 主題」。

    branding-theme
    • 選擇 設定主題變更主題 以選擇其他主題。
      • 系統會顯示可用的佈景主題。在你想用於 品牌 的 佈景主題旁邊,按一下「設為啟 用中佈景主題」。 
      • 在搜尋列中輸入 主題名稱 以搜尋主題。
      • 點擊 市集 中的「檢視佈景主題 」,即可查看其他可供下載的佈景主題。
      • 選擇預覽 以預覽佈景主題的外觀。
    • 選擇「編輯」以 編輯主題設定

新增、編輯或刪除字型

你可以在「 品牌 概覽」標籤頁設定主要、次要和自訂字型,這些字型會在內容中使用。 

添加字體

  1. 在你的 HubSpot 帳戶中,瀏覽「內容」>「品牌」。
  2. 如果你使用「 品牌」附加元件,請點擊右上角的下拉式選單,然後選擇要更新標誌的 品牌

    brand-identity-context-select-brand
  3. 在「 品牌 工具組 」部分,按一下「 字型」。

    branding-choose-font
    • 若要設定正文文字的字型,請按照以下步驟操作:
      • 內文下方,按一下選擇字型 下拉式選單。
      • 在搜尋列中輸入 字型名稱 ,或從 清單 中選擇字型
    • 若要設定用於標題和大型文字的字型,請按照以下步驟操作:
      • 在「 主要」下方,按一下「選擇字型 」下拉式選單。
      • 在搜尋列中輸入 字型名稱 ,或從 清單 中選擇字型
    • 若要設定可在內容編輯器的字型選擇器中使用的自訂字型,請按照以下步驟操作:

      branding-font-type
      • 在「自訂字型」下方,按一下「+新增自訂字型」。
      • 字體名稱 欄位中,輸入字體的名稱
      • 按一下選擇字型檔案
      • 選擇要從電腦上傳的 字型檔案 。支持的文件格式: TTF、OTF和WOFF。
      • 單擊+上傳更多文件 以添加更多字體文件。
      • 按一下下一步。
      • 使用下拉式選單 選擇相應的字體樣式。
      • 單擊+添加其他字體樣式 以添加其他樣式。
    • 按一下[更新]
    • 您可以新增多種自訂字型。如要新增其他步驟,請再次 完成步驟

編輯或刪除自訂字型

若要編輯自訂字型:

  1. 在你的 HubSpot 帳戶中,瀏覽「內容」>「品牌」。
  2. 如果你使用「 品牌」附加元件,請點擊右上角的下拉式選單,然後選擇要更新標誌的 品牌

    brand-identity-context-select-brand
  3. 在「 品牌 工具組 」部分,按一下「 字型」。
    • 自訂字型下,在現有字型旁按一下操作,然後選擇編輯刪除 
    • 使用下 拉式選單 選擇相應的字體樣式。
    • 單擊+添加其他字體樣式 以添加其他樣式。
    • 按一下「更新」。
這篇文章有幫助嗎?
此表單僅供記載意見回饋。了解如何取得 HubSpot 的協助