編輯您品牌的標誌、圖示、品牌顏色、字型和主題

擁有「編輯帳戶預設值」權限的使用者可以在品牌套件中編輯您的品牌標誌、favicon、品牌顏色、主題和字型。

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

新增或編輯您的標誌

在帳戶設定中，您可以編輯預設標誌。您可以針對個別內容覆寫此標誌。

• 在你的 HubSpot 帳戶中，點擊頂端導覽列中的settings「設定圖示」。
• 在左側功能表中，按一下品牌形象。
• 如果您使用品牌附加元件，請按一下 右上方的下拉式功能表 ，然後選擇 您要更新徽標的品牌。

• 在「品牌套件」部分，按一下標誌。
• 新增您的新標誌：
  
  • 若要從檔案工具新增現有影像作為您的標誌，請按一下瀏覽影像。在右側面板中，按一下影像。
  • 若要新增圖片，請按一下上傳，然後從電腦新增圖片。
• 在標誌名稱 欄位中，輸入標誌名稱 。此欄位必須填寫。
• 在標誌 alt 文字 欄位中，輸入供搜尋引擎和螢幕閱讀器使用的標誌說明 。這可改善 您網站的可及性和 SEO。在 HubSpot 的開發人員文件中瞭解更多關於網站可存取性的資訊。
• 在標誌 URL 欄位中，如果您希望您的標誌可以點選，請輸入URL。
• To resize your logo, enter a new dimension in the Width or Height field. The other field will automatically adjust to keep the image's proportions.
• 若要新增另一個標誌，請 按一下標誌 區段底部的+ 新增 。
• 若要刪除現有圖片，請按圖片中央的X。

• 若要變更預設標誌，請將滑鼠懸停在您想要作為預設使用的標誌上，按一下動作下拉式功能表，然後選擇使其成為預設。
• 若要刪除徽標，請按一下動作 下拉式功能表，然後選取刪除。

• <span itemprop="name headline\"> 當您完成編輯標誌後，按一下左下方的 <strong>更新</strong>。</span></li> <li>您可以在 <a href="https://knowledge.hubspot.com/zh-tw/website-and-landing-pages/create-and-customize-pages" rel="noopener" style="font-family: 'Lexend Deca', Helvetica, Arial, sans-serif;" target="_blank「>內容編輯器</a><span style=」font-family: 'Lexend Deca', Helvetica, Arial, sans-serif; background-color：transparent;「> 或 </span><a href=」/design-manager/create-and-edit-modules" rel="noopener" style="font-family: 'Lexend Deca', Helvetica, Arial, sans-serif;" target="_blank「>設計管理器</a><span style=」font-family: 'Lexend Deca', Helvetica, Arial, sans-serif; background-color: transparent;">。在</span><span style="font-style: italic;「>標誌</span><span style=」font-family: 'Lexend Deca', Helvetica, Arial, sans-serif;「>模組中，按一下以切換</span><strong style=」background-color:transparent;「>覆寫預設標誌</strong><span style=」font-family：'Lexend Deca「, Helvetica, Arial, sans-serif; background-color: transparent;「> 開啟開關，然後上傳一個 </span><span style=」font-weight: bold;「> 標誌</span><span style=」font-family: 」Lexend Deca', Helvetica, Arial, sans-serif; background-color: transparent;">。</span></li> <br </ul

  

  新增或編輯您的圖示

  在帳戶設定中，您可以自訂網站的 Favoricon，即瀏覽器標籤中頁面標題旁邊的小圖片。您的 Favoricon 只會套用在 HubSpot 上的內容。

  請注意：每個品牌最多可新增 20 個 Favoricon。

  • 在你的 HubSpot 帳戶中，點擊頂端導覽列中的settings「設定圖示」。
  • 在左側功能表中，按一下品牌形象。
  • 如果您使用品牌附加元件，請按一下 右上方的下拉式功能表 ，然後選擇 您要更新徽標的品牌。

  

  • 在「品牌套件」區段中，按一下Favicons。
  • 新增您的新 Favicon：
    
    • 若要從檔案工具新增現有影像作為您的標誌，請按一下瀏覽影像。在右側面板中，按一下影像。
    • 若要新增圖片，請按一下上傳，然後從電腦新增圖片。
  • 在Favicon 名稱 欄位中，輸入 Favoricon 的名稱 。此欄位必須填寫。
  • <span itemprop="name headline\">若要新增另一個圖示，</span>請按一下 Favicons<em> </em> 區段底部的 <strong>+ Add </strong>。 <li>若要刪除現有圖片，請按一下圖片中央的 <strong>X</strong> 。 </ul

    

    • 若要變更預設的 Favoricon，請將滑鼠懸停在您想用作預設的 Favoricon 上，按一下動作下拉式功能表，然後選擇使其成為預設。
    • 若要刪除標誌，請按一下動作 下拉式功能表，然後選取刪除。

    

    • 完成圖示編輯後，按一下左下方的「儲存」 。

    新增或編輯您的品牌顏色

    您可以在設定中設定品牌顏色，這些顏色會出現在內容編輯器、排程頁面、報價和會談頻道中。品牌顏色不會出現在銷售範本和電子郵件中。

    • 在你的 HubSpot 帳戶中，點擊頂端導覽列中的settings「設定圖示」。
    • 在左側功能表中，按一下品牌形象。
    • 如果您使用品牌附加元件，請按一下 右上方的下拉式功能表 ，然後選擇 您要更新徽標的品牌。

    

    • 在「品牌套件」區段中，按一下「顏色」。
    • 設定您的品牌顏色：
      
      • 主要顏色：您品牌中使用的主要顏色。在主要顏色下，輸入十六進位代碼 或按一下顏色 選擇器並選擇顏色。然後按一下儲存。主要顏色是必填欄位。
      • 次要顏色：品牌中第二常用的顏色。在次要顏色下，輸入十六進位代碼 或按一下顏色選擇器，然後選擇顏色。然後按一下儲存。
      • 重點顏色： 補足 您的主要和次要品牌顏色。在重點顏色下，輸入十六進位代碼或按一下顏色選擇器，然後選擇一種顏色。然後按一下儲存。您最多可以新增三種重點顏色。
      • 附加顏色：不會自動使用，但會出現在顏色選擇器中，並可在開發工具中引用。按一下附加顏色旁邊的add [新增] ，輸入十六進位代碼或按一下顏色選擇器 ，然後選取 顏色。 然後按一下 [儲存]。您最多可以新增 16 種額外顏色。
        • 若要刪除附加顏色，請按一下要刪除的顏色旁邊的delete delete ，然後按一下Save。

    

    請注意：

    如果您的網站引用的顏色未在品牌設定中設定，則會使用回退邏輯：
    

    • 次要顏色會預設為第一個可用的附加顏色。
    • 第一重點顏色預設為第二附加顏色。
    • 第二個重點顏色預設為第三個附加顏色。
    • 第三個重點顏色預設為第四個附加顏色。
    • 如果未設定附加顏色，則會使用預設顏色值。如果沒有設定預設顏色，則會使用主要顏色作為備用顏色。
    • 您也可以從已使用品牌顏色的實體頁面匯入顏色：
      • 按一下從 URL 匯入顏色。
      • 在對話方塊中，輸入使用品牌顏色的頁面的URL ，然後按一下Find colors（尋找顏色）。
      • 掃描完成後，清除您不想匯入的顏色旁邊的核取方塊 ，然後按一下匯入。

    

    新增、編輯或刪除字型

    您可以在設定中設定主要、次要和自訂字型，這些字型將用於您所有的內容。若要設定您的新增或編輯字型：

    新增字型

    • 在你的 HubSpot 帳戶中，點擊頂端導覽列中的settings「設定圖示」。
    • 在左側功能表中，按一下品牌形象。
    • 如果您使用品牌附加元件，請按一下 右上方的下拉式功能表 ，然後選擇 您要更新徽標的品牌。

    

    • 在「品牌套件」區段中，按一下字型。
    • 設定將用於正文的字型：
      • 在正文下，按一下選擇字型下拉式功能表。
      • 在搜尋列中輸入字型名稱，或從清單中選取字型。
      • 按一下更新。
    • 設定用於標題和大字體的字型：
      • 在Primary（主要）下，按一下Select font（選取字型）下拉式功能表。
      • 在搜尋列中輸入字型名稱，或從清單中選取字型。
    • • 按一下更新。
    • 要在內容編輯器的字型選擇器中設定可用的自訂字型：
      • 在自訂字型下，按一下+ 新增自訂字型。
      • 在字型名稱欄位中，輸入字型名稱。
      • 按一下Choose font file(s)（選擇字型檔案）。
      • 選取要從電腦上傳的字型檔案。支援的檔案格式：TTF、OTF 和 WOFF。
      • 按一下+ 上傳更多檔案，以新增更多字型檔案。
      
      • 按一下下一步。
      • 使用下拉式功能表選擇對應的字型樣式。

    

    • • 按一下+ 新增另一種字型樣式，以新增其他樣式。
    • • 按一下更新。
      • 您可以新增多個自訂字型。若要新增另一種字型，請再次執行上述步驟。

    編輯字型

    若要編輯現有字型：

    • 在你的 HubSpot 帳戶中，點擊頂端導覽列中的settings「設定圖示」。
    • 在左側功能表中，按一下品牌形象。
    • 如果您使用品牌附加元件，請按一下 右上方的下拉式功能表 ，然後選擇 您要更新徽標的品牌。

    

    • 在Brand Kit（品牌套件）區段中，按一下Fonts（字型）。
    • 編輯將用於正文的字型：
      • 在正文下，按一下下拉式功能表。
      • 在搜尋列中輸入字型名稱，或從清單中選取字型。
    • • 按一下更新。
    • 編輯用於標題和大字體的字型：
      • 在「主要」下，按一下下拉式功能表。
    • • 在搜尋列中輸入字型名稱，或從清單中選取字型。
    • • 按一下更新。
    • 若要編輯自訂字型，請
    • • 在自訂字型下，現有字型旁邊，按一下動作，然後選擇編輯。
    
    • • 使用下拉式 功能表選擇對應的字型樣式。

    

    • • 按一下+ 新增另一種字型樣式，以新增其他樣式。
      • 按一下更新。

    刪除自訂字型

    若要刪除自訂字型：

    • 在你的 HubSpot 帳戶中，點擊頂端導覽列中的settings「設定圖示」。
    • 在左側功能表中，按一下品牌形象。
    • 如果您使用品牌附加元件，請按一下 右上方的下拉式功能表 ，然後選擇 您要更新徽標的品牌。

    

    • 在品牌套件區中，按一下字體。
    • 在自訂字型下，現有字型旁邊，按一下動作，然後選擇刪除。

    

    • 在對話方塊中，按一下刪除字型。

    變更您的主題

    主題是一套範本、模組、全局內容和樣式設定，可用於建立網站。您可以在內容編輯器 中使用主題編輯頁面和文章，並在部落格設定中設定部落格範本使用主題。

    所有帳戶都可使用至少一個預設 HubSpot 主題。主題也可以從Template Marketplace下載。

    請注意：知識庫使用的是修改版的主題。瞭解有關編輯知識庫主題設定的更多資訊。

    變更您的主題：

    • 在你的 HubSpot 帳戶中，點擊頂端導覽列中的settings「設定圖示」。
    • 在左側功能表中，按一下品牌形象。
    • 如果您使用品牌附加元件，請按一下 右上方的下拉式功能表 ，然後選擇 您要更新徽標的品牌。

    

    • 在「品牌套件」區段中，按一下主題。
    • 選取「變更主題」以選取不同的主題。
      • • 您的可用主題將會顯示。按一下您想用於品牌的主題旁邊的Set as active theme（設為使用中主題）。
        • 按一下檢視市場中的主題，以檢視其他可供下載的主題。
      • 選取編輯可編輯您的主題設定。
      • 選取預覽以預覽您的主題外觀。
    Branding Website Pages Account Management