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

自訂知識庫主題

上次更新時間: 2026年4月2日

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

透過在主題編輯器中選擇版面配置、變更主題樣式,以及修改頁首或頁尾內容,自訂知識庫的外觀。預覽知識庫主題在各種模板、不同語言及不同螢幕尺寸下的顯示效果。

開始之前

在自訂知識庫主題之前,請先檢視相關要求與注意事項。

需要席位 自訂知識庫主題需具備已指派的Service Hub席位

需要權限 自訂知識庫主題需具備「知識庫設定」權限及「全球內容與主題設定」權限。

了解限制與注意事項

自訂知識庫主題樣式

在知識庫主題編輯器中,您可以設定顏色、字型、首頁、文章、頁首及頁尾的樣式。

顏色

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

  1. 在你的 HubSpot 帳戶中,瀏覽「服務」>「知識庫」
  2. 在右上角,點擊「設定」下拉式選單並選擇「主題」。
  3. 點擊展開「顏色」區段,並為「主色」、「次色」、「強調色」和「內文色」欄位選擇顏色。預設情況下,系統會顯示您的 品牌顏色
  4. 完成後,請點擊右上角的「發佈主題」。

In the knowledge base theme editor, the Colors section is displayed showing the Primary, Secondary, Accent, and Body background color pickers.

字型

選擇主要字型與次要字型,以套用至知識庫的標題、正文及連結。 

  1. 在你的 HubSpot 帳戶中,瀏覽「服務」>「知識庫」
  2. 在右上角,點擊「設定」下拉式選單,然後選擇「主題」。
  3. 在左側邊欄中,點擊「字型設定」。
  4. 在「主色」「次色」區塊中,點擊字型下拉式選單並選擇字型。若要變更字型顏色,請點擊顏色選擇器並 選擇字型顏色。其他字型樣式選項(例如字型粗細、大小或大小寫轉換)將取決於所選的字型。 
  5. 若要編輯標題、正文或連結的字型,請點擊展開「標題 (H1-H6)」、「正文」或「連結」區段,點擊字型下拉式選單並選擇字型。若要變更字型顏色,請點擊顏色選擇器並選擇字型顏色
  6. 完成後,請點擊右上角的「發佈主題」。

首頁

  1. 在你的 HubSpot 帳戶中,瀏覽「服務」>「知識庫」
  2. 在右上角,點擊「設定」下拉式選單並選擇「主題」。
  3. 在左側邊欄中,點擊展開「首頁」區段,並選擇佈局選項(例如:磁磚或極簡)。不同的佈局選項將支援不同的樣式選項。
  4. 完成後,請點擊右上角的「發佈主題」。

In the knowledge base theme editor, the Homepage section is expanded to display the layout options.

文章

  1. 在你的 HubSpot 帳戶中,瀏覽「服務」>「知識庫」
  2. 在右上角,點擊「設定」下拉式選單,然後選擇「主題」。
  3. 在主題編輯器的左上角,點擊「檢視於」下拉式選單,並選擇「知識庫文章」。 
  4. 在左側邊欄中,點擊展開「文章」區段,並選擇佈局選項(例如:左側 邊欄或右側邊欄)。不同的佈局選項將支援不同的樣式選項。 
  5. 完成後,請點擊右上角的「發佈主題」。

In the knowledge base theme editor, the Article section is expanded to display the layout options.

頁首

自訂知識庫主題的頁首樣式,包括頁首寬度、頂部工具列、語言切換器、選單、按鈕及搜尋列。您亦可編輯這些元素內的顏色、字型及懸停樣式。

  1. 在你的 HubSpot 帳戶中,瀏覽「服務」>「知識庫」
  2. 在右上角,點擊「設定」下拉式選單,並選擇「主題」。
  3. 在左側邊欄中,點擊「頁首」,並從以下選項中選擇:
    • 頁首寬度:選擇「全寬」或「內容寬度」。
    • 頂部橫桿:選擇「背景顏色」、「基礎字型」和「懸停字型」。
    • 語言切換器:點擊顏色選擇器並選取顏色
    • 選單:選擇基礎字型懸停字型、背景顏色與 間距,以及下拉式選單樣式。
    • 按鈕:選擇字型文字變換背景顏色邊框樣式圓角半徑懸停字型樣式
    • 搜尋列:選擇背景類型( 例如:顏色或 圖片 與間距標籤文字,以及輸入文字樣式。
  4. 完成後,請點擊右上角的「發佈主題」。

In the knowledge base theme editor, the Header section is displayed showing the following options: Header width, Top bar, Language switcher, Menu, Button, and Search bar.

頁尾

自訂知識庫主題的頁尾樣式,包括頁尾寬度、背景、選單文字社群圖示。您亦可編輯這些元素內的顏色、字型及懸停樣式。
  1. 在你的 HubSpot 帳戶中,瀏覽「服務」>「知識庫」
  2. 在右上角,點擊「設定」下拉式選單並選擇「主題」。
  3. 在左側邊欄中,點擊「頁尾」,並從以下選項中選擇:
    • 頁尾寬度:選擇「全寬」或「內容寬度」。 
    • 背景:點擊選色器並選擇顏色。
    • 選單:選擇「預設字體」和「懸停字體」。若要變更字體顏色,請點擊顏色選擇器並選 字體顏色
    • 文字:選擇字型。 
    • 社群圖示:選擇圖示大小圖示形狀圖示顏色背景顏色對齊方式
  4. 完成後,請點擊右上角的「發佈主題」。

In the knowledge base theme editor, the Footer section is displayed showing the following options: Footer width, Background color, Menu, Text, and Social icons.

編輯知識庫頁首內容

自訂知識庫頁首內容,以突顯您的品牌或導覽連結。發布的更新將自動顯示於所有知識庫頁面。

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

編輯知識庫頁尾內容

自訂知識庫頁尾內容,以展示您的品牌或導覽連結。發布的更新將自動顯示於所有知識庫頁面。

  1. 在你的 HubSpot 帳戶中,瀏覽「服務」>「知識庫」
  2. 在右上角,點擊「設定」下拉式選單,然後選擇「頁尾」。
  3. 全站內容編輯器中,點擊「網站樹內容」圖示,並從下列選項中選擇:
    • 頁尾選單:點擊「選單」下拉式選單並選擇一個選單。若要在所有知識庫頁面顯示頁尾選單,請勾選「顯示選單」核取方塊。
    • 標誌:切換「覆寫預設標誌」開關 ,或點擊「編輯此網域的預設標誌」。 
    • 頁尾地址在展開視圖中點擊「編輯」,並輸入頁尾地址
    • 社群追蹤:將滑鼠懸停於社群連結上,並點擊 編輯圖示。點擊「連結至」下拉式選單並選擇一項選項
    • 頁尾版權聲明在展開視圖中點擊「編輯」,並輸入頁尾版權聲明。
  4. 完成後,請點擊右上角的[#] 資產 旁的「發佈」

預覽知識庫佈景主題

建立知識庫後,您可在主題編輯器中預覽主題的外觀。您可查看主題在不同範本、語言及螢幕尺寸下的顯示效果。 

  1. 在你的 HubSpot 帳戶中,瀏覽「服務」>「知識庫」
  2. 在右上角,點擊「設定」下拉式選單並選擇「主題」。
  3.  若要檢視包含範例內容的範本,請點擊左上角的「在...上 檢視」下拉式選單,並選擇一個範本。對主題所做的變更將套用至所有知識庫範本。

In the knowledge base theme preview, a box is placed around the View on dropdown menu.

  1. 若要查看不同語言的範本,請點擊左上角的第二個下拉式選單,並選擇一種語言

In the knowledge base theme preview, a box is placed around the language dropdown menu.

  1. 若要查看模板在不同裝置上的顯示效果,請點擊編輯器頂部的裝置圖示,或輸入以像素為單位的螢幕寬度。 

In the knowledge base theme preview, a box is placed around the device options.

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