知識庫

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

作者:HubSpot Support | Nov 21, 2022 12:51:40 PM

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

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

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

新增或編輯標誌

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

  1. 如果你使用「 品牌」附加元件,請點擊右上角的下拉式選單,然後選擇要更新標誌的 品牌

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

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

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

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

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

  1. .
  2. 如果你使用「 品牌」附加元件,請點擊右上角的下拉式選單,然後選擇要更新標誌的 品牌

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


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

新增或編輯 品牌 顏色

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

  1. 如果你使用「 品牌」附加元件,請點擊右上角的下拉式選單,然後選擇要更新標誌的 品牌

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

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

請注意:

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

變更佈景主題

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

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

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

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

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

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

新增、編輯或刪除字型

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

添加字體

  1. 如果你使用「 品牌」附加元件,請點擊右上角的下拉式選單,然後選擇要更新標誌的 品牌

  2. 在「 品牌 工具組 」部分,按一下「 字型」。

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

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

編輯或刪除自訂字型

若要編輯自訂字型:

  1. 如果你使用「 品牌」附加元件,請點擊右上角的下拉式選單,然後選擇要更新標誌的 品牌

  2. 在「 品牌 工具組 」部分,按一下「 字型」。
    • 自訂字型下,在現有字型旁按一下操作,然後選擇編輯刪除 
    • 使用下 拉式選單 選擇相應的字體樣式。
    • 單擊+添加其他字體樣式 以添加其他樣式。
    • 按一下「更新」。