知識庫

自訂知識庫主題

作者:HubSpot Support | Nov 21, 2022 1:12:13 PM

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

瞭解限制與注意事項

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

自訂知識庫主題樣式

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

顏色

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

  1. 在右上方,按一下「設定」下拉式功能表,然後選擇「主題」。
  2. 按一下以展開Colors (顏色) 區段,並為PrimarySecondaryAccentBody 欄位選擇顏色。預設會顯示您的 品牌顏色
  3. 完成後,按一下右上方的「發佈主題」。

排版

選擇適用於知識庫標題、正文和連結的主要和次要字體。

  1. 在右上方,按一下組態下拉式功能表,然後選擇主題
  2. 在左側欄中,按一下排版
  3. 主要次要區段中,按一下字型下拉式功能表並選擇字型。若要變更字體顏色,請按一下顏色選擇器,然後選擇字體顏色。其他字體樣式選項 (例如字體重量、大小或轉換大小寫) 取決於所選的字體。
  4. 若要編輯標題、正文或連結字體,請按一下以展開標題 (H1-H6)正文連結部分,按一下字體下拉式功能表,然後選擇字體。若要變更字體顏色,請按一下顏色選擇器,然後選擇字體顏色
  5. 完成後,按一下右上方的「發佈主題」。

版面設計

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

標題

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

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

頁尾

自訂知識庫主題的頁尾樣式,包括頁尾寬度、背景、功能表文字社交圖示。您也可以在這些元素中編輯顏色、字型和懸停樣式。
  1. 在右上方,按一下組態下拉式功能表,然後選擇主題
  2. 在左側欄中,按一下Footer,然後從下列項目中選取:
    1. 頁尾寬度:選擇「完整寬度」或「內容寬度」。
    2. 背景:按一下顏色選擇器,然後選擇顏色。
    3. 選單:選擇基本字型懸浮字型。若要變更字體顏色,請按一下顏色選擇器 ,然後選擇字體顏色。
    4. 文字:選擇字型
    5. 社交圖示:選取圖示大小圖示形狀圖示顏色背景 顏色對齊方式
  3. 完成後,按一下右上方的「發佈主題」。

編輯知識庫標題內容

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

  1. 在右上方,按一下「設定」下拉式功能表,然後選擇「標」。
  2. 全局內容編輯器中,按一下左側欄中的siteTree 內容 圖示
  3. 在左側欄中,按一下網站標頭模組,並從下列項目中選取:
    • 標誌:切換覆寫預設標誌開關,或按一下編輯此網域中的預設標誌。若要顯示您的公司名稱,請切換「 未設定標誌時顯示公司名稱」開關。
    • 其他支援選項:切換「顯示客戶入口網站連結」、「顯示受限制內容的登入」或「支援表單」開關。
    • 選單:選擇選最大層級
    • 按鈕:選取新增按鈕核取方塊、連結至連結類型
    • 語言切換器:選取新增語言切換器核取方塊和顯示模式
  4. 完成後,按一下右上方的Publish to [#] assets

編輯知識庫頁尾內容

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

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

預覽知識庫主題

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

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

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

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