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

編輯標誌、最愛圖示和品牌顏色

上次更新時間: 七月 25, 2024

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

所有產品和版本

擁有編輯帳戶預設權限的使用者可以編輯品牌工具組中的品牌標誌、圖示和品牌顏色。 

在設定中,設定 標誌和最愛圖示,以及主要、次要、強調和其他品牌顏色。 品牌顏色會顯示在內容編輯器、排程頁面、報價和對話管道中,但不會顯示在銷售範本和電子郵件中。

編輯標誌

你可以在帳戶設定中編輯預設標誌。 您可以為個別內容覆蓋此標誌。 

  • 在你的 HubSpot 帳戶中,點擊頂端導覽列中的settings「設定圖示」。
  • 在左側邊欄選單中,按一下帳戶 預設值。
  • 按一下「品牌」分頁。 
  • 按一下您要編輯的品牌工具組 。 
  • 若要新增標誌,請按一下「標誌」區段中的「+新增 」。 
  • 新增標誌:
    • 若要將檔案工具中的現有影像新增為標誌,請按一下瀏覽影像。 在右側面板中,按一下影像。 
    • 若要新增影像,請按一下上傳,然後從電腦新增影像。 
  • 在「標誌名稱」欄位中,輸入標誌的名稱 。 此字段爲必填字段。 
  • 在「標誌替代文字」欄位中,輸入適用於搜尋引擎和螢幕閱讀器的標誌說明 。 這將改善您網站的可訪問性和搜索引擎優化。 請參閱HubSpot開發人員文件,深入瞭解網站無障礙功能。 
  • 如果您希望標誌可點擊,請在「標誌網址」欄位中輸入網址。 
  • 若要調整標誌的大小,請在「寬度」或「高度」欄位中輸入新的尺寸。 另一個欄位將自動調整以保持影像的比例。 
  • 若要新增其他標誌,請按一下「標誌」部分底部的「 +新增」。
  • 要刪除現有的影像,請將鼠標懸停在影像上,然後單擊右上角的X 。 若要刪除標誌,請按一下操作下拉式選單,然後選擇刪除。
edit-logo
  • 編輯完標誌後,請點擊左下角的「儲存」。 
你可以在內容 編輯器或設計管理員中覆蓋特定內容的預 標誌 。 在 標誌 模組中,點擊以切換 覆蓋默認標誌開關,然後上傳 標誌。 override-default-logo-in-content-editor

編輯你的網站圖示

在帳戶設定中,你可以自訂網站的最愛圖示,即頁面標題旁邊的瀏覽器分頁中的小圖片。 你的圖示只會套用至HubSpot託管的內容。 

  • 在你的 HubSpot 帳戶中,點擊頂端導覽列中的settings「設定圖示」。
  • 在左側邊欄選單中,按一下帳戶 預設值。
  • 按一下「品牌」分頁。 
  • 按一下您要編輯的品牌工具組 。 
  • 若要新增網站圖示,請按一下「網站圖示」區段中的「+新增」。 
  • 新增你的網站圖示:
    • 若要將檔案工具中的現有影像新增為您的最愛圖示,請按一下瀏覽影像。 在右側面板中,按一下影像。 
    • 若要將新影像新增為網站圖示,請按一下上傳,然後從電腦新增影像。 

請注意:為了獲得最佳效果,請將網站圖示儲存為48 x 48像素的圖片,檔案格式為: .ico、.gif、.png

  • 在「網站圖示名稱」欄位中,輸入網站圖示的名稱 。 

add-favicon

  • 編輯完最愛圖示後,按一下左下角的「儲存」。 

編輯您的品牌顏色

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

  • 在你的 HubSpot 帳戶中,點擊頂端導覽列中的settings「設定圖示」。
  • 在左側邊欄選單中,按一下帳戶 預設值。
  • 按一下「品牌」分頁。 
  • 按一下您要編輯的品牌工具組 。 
  • 在「我的品牌套件」部分,按一下「顏色」索引標籤。 
  • 若要設定品牌顏色,請按照以下步
    • 主要顏色:品牌中使用的主要顏色。 在主要顏色下,輸入十六進制代碼,或按一下顏色選擇器並選擇顏色。 然後按一下「儲存」。主要顏色為必填欄位。
    • 次要顏色:品牌中第二常用的顏色。 在「次要顏色」下方,輸入十六進制代碼,或按一下顏色選擇器並選擇顏色。然後按一下「儲存」。
    • 強調顏色:補充您的主要和次要品牌顏色。 在強調顏色下方,輸入十六進制代碼,或按一下顏色選擇器並選擇顏色。 然後按一下儲存。您最多可以新增三種強調顏色。
    • 其他顏色:不會自動使用,但會在顏色選擇器中提供,並可在開發工具中參考。 單擊其他顏色旁邊的add 添加,輸入十六進制代碼或單擊顏色選擇器並 選擇顏色。 然後單擊保存。您最多可以添加十六種其他顏色。
      • 要刪除其他顏色,請單擊要delete 除的顏色旁邊的刪除刪除,然後單擊保存。

branding-colors

請注意:

如果你的網站引用的顏色未在品牌設定中設定,則會使用備用邏輯:
  • 次要顏色將預設為第一個可用的額外顏色。
  • 第一種強調顏色將默認為第二種附加顏色。
  • 第二個強調顏色將默認為第三個附加顏色。
  • 第三種強調顏色將預設為第四種附加顏色。
  • 如果未設置其他顏色,它將使用默認顏色值。 如果未設定預設顏色,則會使用原色作為備用顏色。
  • 您也可以從已使用品牌顏色的即時頁面匯入顏色:
    • 按一下從網址匯入顏色。
    • 在對話方塊中,輸入使用品牌顏色的頁面網址,然後按一下尋找顏色。 
    • 掃描完成後,清除您不想匯入的任何顏色旁邊的核取方塊,然後按一下匯入。 

import-colors

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