自訂知識庫佈景主題

自訂知識庫的外觀與內容，使其符合您的品牌形象，並為訪客打造一致的導覽體驗。使用主題編輯器更新顏色、字型、首頁與文章版面配置，以及頁首和頁尾樣式。使用全站內容編輯器更新頁首和頁尾的內容，包括標誌、選單、支援選項及社群連結。

開始之前

在自訂知識庫佈景主題之前，請先審閱以下需求與注意事項。

了解限制與注意事項

• 這些工具僅適用於已遷移的知識庫。進一步了解如何遷移您的知識庫。
• 對於尚未遷移的知識庫，請進一步了解如何建立和自訂傳統知識庫。
• 設計管理員或自訂佈景主題不支援知識庫的自訂功能。若需更深入的自訂，您可以將程式碼片段新增至知識庫設定中，包括網站的頁首和頁尾。

自訂知識庫主題樣式

使用知識庫主題編輯器，為您的知識庫建立一致的視覺風格與版面配置。更新顏色與字型，選擇首頁和文章頁面的版面配置，並設定頁首與頁尾的樣式。

1. 在你的 HubSpot 帳戶中，點擊「更多」，然後前往「服務」 > 「知識庫」。如果你的帳戶中沒有顯示「更多」，請直接前往「服務」 > 「知識庫」。
2. 在右上角，點擊「設定」下拉式選單，並選擇「主題」。

自訂顏色

知識庫主題的顏色設定會將主色、次色、強調色和內文色套用至主題範本中的所有元素。這些樣式將套用至您知識庫上的所有元素。

1. 在主題編輯器中，點擊左側邊欄的「顏色」區段。
2. 針對每種顏色類型（例如「主色」），請點擊顏色選擇器，並為「主色」、「次色」、「點綴色」和「內文色」欄位選擇顏色。預設情況下，系統將顯示您的品牌顏色。

自訂字型

選擇一種主字型和次字型，套用至知識庫的標題、正文及 URL 連結。

1. 在主題編輯器中，點擊左側邊欄的「字型設定」。
2. 在「主字型」和「副字型」欄位中，點擊字型下拉式選單並選擇字型。若要變更字型顏色，請點擊顏色選擇器並 選擇字型顏色。根據所選字型不同，可能還有其他字型樣式選項（例如字型粗細）。
3. 若要編輯標題、正文或連結的字型，請點選「標題 (H1-H6)」、「正文」或「連結」區段。接著點選字型下拉式選單，並選取一款字型。若要變更字型顏色，請點選顏色選擇器並選取字型顏色。

自訂頁面版面配置

為您的知識庫首頁和文章頁面選擇佈局。可用的佈局選項和樣式設定會因頁面類型而異。

自訂首頁佈局

1. 在主題編輯器中，點擊左上角的「在...上檢視」下拉式選單，並選擇「知識庫首頁」。
2. 在左側邊欄中，點選「首頁」區段，並選擇一個佈局選項，例如「磁磚式」或「極簡式」。

自訂文章頁面的版面配置

1. 在主題編輯器中，點選左上角的「檢視方式」下拉式選單，並選擇「知識庫文章」。
2. 在左側邊欄中，點擊「文章」區段，並選擇一個佈局選項，例如「左側邊欄」或「右側邊欄」

自訂頁首與頁尾樣式

自訂知識庫佈景主題中頁首與頁尾的樣式，包括其寬度、顏色、字型、選單及其他元素。可用的選項會因區塊而異。

自訂頁首樣式

• 頁首寬度：選擇「全寬」或「內容寬度」。
• 頂部欄：選擇背景顏色、預設字型及懸停字型。
• 語言切換器：點擊顏色選擇器並選擇顏色。
• 選單：選擇預設字型、懸停字型、背景顏色、間距及下拉式選單樣式。
• 按鈕：選擇字型、文字變換、背景色、邊框樣式、圓角以及懸停字型。
• 搜尋欄：選擇背景類型（例如顏色或圖片），並設定間距、標籤文字及輸入文字樣式。

自訂頁尾樣式

• 頁尾寬度：選擇「全寬」或「內容寬度」。
• 背景：點擊顏色選擇器並選取顏色。
• 選單：選擇預設字型與懸停字型。若要變更字型顏色，請點擊顏色選擇器並選擇字型顏色。
• 文字：選擇字型。
• 社群圖示：選擇圖示大小、圖示形狀、圖示顏色、背景顏色及對齊方式。

預覽並發佈主題變更

在發佈變更前，請先預覽主題在各模板、語言及裝置上的顯示效果。

1. 在你的 HubSpot 帳戶中，點擊「更多」，然後前往「服務」 > 「知識庫」。如果你的帳戶中沒有顯示「更多」，請直接前往「服務」 > 「知識庫」。
2. 在右上角，點擊「設定」下拉式選單，然後選擇「主題」。
3. 在主題編輯器中，點擊左上角的「預覽」。
4. 若要檢視包含範例內容的模板，請點擊左上角的「在...上 檢視」下拉式選單，並選擇一個模板。

4. 若要檢視不同語言的範本，請點擊左上角的「語言」下拉式選單，並選擇一種語言。

5. 若要查看範本在不同裝置上的顯示效果，請點擊右上角的裝置圖示。

6. 完成後，請點擊左上角的「返回」。

7. 若要讓您的變更上線，請點擊右上角的「發佈主題」。

編輯全站頁首與頁尾內容

使用全域內容編輯器，自訂知識庫頁首與頁尾所顯示的內容。

編輯頁首內容

自訂知識庫各頁面顯示的頁首內容，包括標誌、導覽選單、支援選項、按鈕及語言切換器。

1. 在你的 HubSpot 帳戶中，點擊「更多」，然後前往「服務」 > 「知識庫」。如果你的帳戶中沒有顯示「更多」，請直接前往「服務」 > 「知識庫」。
2. 在右上角，點擊「設定」下拉式選單，並選擇「頁首」。
3. 在全域內容編輯器中，點擊左側邊欄中的「siteTree 內容」圖示。
4. 在左側邊欄中，點擊「網站頁首」模組，並從以下選項中進行選擇：
   • 標誌：開啟「覆寫預設標誌」開關，或點擊「編輯此網域的預設標誌」。若要顯示公司名稱，請開啟「 未設定標誌時顯示公司名稱」開關。
   • 其他支援選項：切換「顯示客戶入口網站連結」、「顯示受限內容的登入頁面」或「支援表單」開關。
   • 選單：選擇一個選單及「最大層級數」。
   • 按鈕：勾選「新增按鈕」核取方塊，並設定「連結至」及「連結類型」。
   • 語言切換器：勾選「新增語言切換器」核取方塊，並選擇顯示模式。
5. 完成後，請點擊右上角的「發佈至 [#] 資產」。

編輯頁尾內容

自訂知識庫各頁面顯示的頁尾內容，包括標誌、選單、地址、社群連結及版權聲明。

1. 在你的 HubSpot 帳戶中，點擊「更多」，然後前往「服務」 > 「知識庫」。如果你的帳戶中沒有顯示「更多」，請直接前往「服務」 > 「知識庫」。
2. 在右上角，點擊「設定」下拉式選單，並選擇「頁尾」。
3. 在全球內容編輯器中，點擊左側邊欄中的「siteTree 內容」圖示 。
4. 在左側邊欄中，點擊模組以編輯內容：
   • 頁尾選單：點擊「選單」下拉式選單，並選擇一個選單。若要讓所有知識庫頁面皆顯示頁尾選單，請勾選「顯示選單」核取方塊。
   • 標誌：切換「覆寫預設標誌」開關 ，或點擊「編輯此網域的預設標誌」。
   • 頁尾地址：在展開視圖中點擊「編輯」，並輸入頁尾地址。
   • 社群追蹤：將游標懸停於社群連結上，並點擊「editIcon 」 編輯圖示 。點擊「連結至」下拉式選單並選擇一項選項。
   • 頁尾版權聲明：在展開視圖中點擊「編輯」，並輸入頁尾版權聲明。
5. 完成後，請點擊右上角的「發佈至 [#] 資產」。