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

自訂知識庫主題

上次更新時間: 2025年11月5日

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

透過在主題編輯器中選擇版面、變更主題樣式,以及編輯頁首或頁尾內容,自訂您的知識庫外觀。您也可以預覽知識庫主題在範本、不同語言和不同螢幕尺寸下的外觀。

瞭解限制與注意事項

需要權限 自訂知識庫主題需要知識庫設定權限、全局內容和主題設定權限,以及指定的Service Hub座席。進一步了解 HubSpot以座位為基礎的價格

自訂知識庫主題樣式

在知識庫主題編輯器中,您可以選擇配置顏色、排版、佈局、頁首和頁尾樣式。

顏色

知識庫主題的顏色設定會將主要、次要、重點和主體顏色套用至主題範本中的所有元素。這些樣式會套用在知識庫的所有元素上。

  1. 在你的 HubSpot 帳戶中,瀏覽「服務」>「知識庫」。
  2. 在右上方,按一下「設定」下拉式功能表,然後選擇「主題」。
  3. 按一下以展開Colors (顏色) 區段,並為PrimarySecondaryAccentBody 欄位選擇顏色。預設會顯示您的 品牌顏色
  4. 完成後,按一下右上方的「發佈主題」。

In the 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. 在右上方按一下Configure (設定) 下拉式功能表,然後選擇Theme (主題)。
  3. 按一下以展開Layout區段,然後選擇選項(例如,TilesMinimal)。不同的版面選項會支援不同的樣式選項。
  4. 完成後,按一下右上方的「發佈主題」。

knowledge-base-theme-editor-layout

標題

自訂知識庫主題的標題樣式,包括標題寬度、頂部列、語言切換器、功能表、按鈕和搜尋列。您也可以在這些元素中編輯顏色、字型和盤旋樣式。

  1. 在你的 HubSpot 帳戶中,瀏覽「服務」>「知識庫」。
  2. 在右上方,按一下組態下拉式功能表,然後選擇主題
  3. 在左側欄中,按一下標題,然後從下列項目中選取:
    • 標題寬度:選擇全寬內容寬度
    • 頂部欄位:選擇背景顏色基本字型懸浮字型
    • 語言切 換器:按一下顏色選擇器,然後選擇顏色
    • 選單:選擇基本字型懸浮字型、 背景顏色下拉式樣。
    • 按鈕:選取字型文字轉換背景顏色邊框樣式邊角半徑懸浮字型 樣式。
    • 搜尋列:選取背景顏色、標籤文字輸入文字樣式。
  4. 完成後,按一下右上方的「發佈主題」。

In the 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. 在左側欄中,按一下Footer,然後從下列項目中選取:
    1. 頁尾寬度:選擇「完整寬度」或「內容寬度」。
    2. 背景:按一下顏色選擇器,然後選擇顏色。
    3. 選單:選擇基本字型懸浮字型。若要變更字體顏色,請按一下顏色選擇器 ,然後選擇字體顏色。
    4. 文字:選擇字型
    5. 社交圖示:選取圖示大小圖示形狀圖示顏色背景 顏色對齊方式
  4. 完成後,按一下右上方的「發佈主題」。

In the 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. 完成後,按一下右上方的Publish to [#] assets

編輯知識庫頁尾內容

自訂知識庫頁尾內容,以展示您的品牌或導覽連結。已發佈的更新會自動出現在所有知識庫頁面。

  1. 在你的 HubSpot 帳戶中,瀏覽「服務」>「知識庫」。
  2. 在右上方,按一下「設定」下拉式功能表,然後選擇「頁尾」。
  3. 全局內容編輯器中,點選siteTree 內容圖示,並從下列內容中選取:
    • 頁尾功能表:按一下功能表下拉式功能表,然後選擇一個功能表。若要在所有知識庫頁面中顯示頁尾功能表,請選取顯示功能表核取方塊。
    • 徽標:切換「覆寫預設徽標 」開關,或按一下此網域中的「編輯預設徽標」。
    • 頁尾地址:按一下擴充檢視中的編輯,然後輸入頁尾地址
    • 社群追蹤:將滑鼠懸停在社群連結上,然後按一下editIcon 編輯圖示。按一下連結至下拉式功能表,然後選擇選項
    • 頁尾版權:按一下擴充檢視中的編輯,然後輸入頁尾版權
  4. 完成後,按一下右上方的Publish to [#] assets

預覽知識庫主題

建立知識庫後,您可以在主題編輯器中檢視主題的外觀。您可以檢視主題在不同範本、語言和螢幕尺寸下的外觀。

  1. 在你的 HubSpot 帳戶中,瀏覽「服務」>「知識庫」。
  2. 在右上方,按一下組態下拉式功能表,然後選擇主題
  3. 若要檢視包含範例內容的範本,請按一下左上方的檢視 下拉式功能表,然後選取一個範本。主題的變更將套用至所有知識庫範本。

knowledge-base-configure-view-theme-1

  1. 若要檢視不同語言的範本,請按一下左上方的第二個下拉式功能表,然後選擇一種語言

knowledge-base-configure-view-theme-language

  1. 若要檢視範本在不同裝置上的顯示方式,請按一下編輯器上方的裝置圖示,或以像素為單位輸入螢幕寬度

knowledge-base-configure-view-theme-devices

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