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

編輯主題設定

上次更新時間: 六月 27, 2023

可与下列任何一种订阅一起使用,除非有说明:

所有產品和版本

主題是一組樣式和範本,您可以在HubSpot中應用於您的網站頁面和博客。 為了確保您的網站看起來一致,使用相同佈景主題的所有網頁的樣式設定都會在佈景主題設定中進行管理。

開始之前

主題設定使用主題範本控制頁面的主要顏色、字體和按鈕樣式。

請注意:主題設定中可用的樣式選項取決於創建主題的Web開發人員所包含的主題欄位選項。

您的網站的某些內容會在帳戶設定的其他部分進行管理,包括:

編輯主題設定

您可以從內容編輯器使用該主題編輯任何網頁或文章的主題設定: 

  • 瀏覽至您的內容:

    • 網站頁面: 在你的 HubSpot 帳戶中,瀏覽「內容」>「網站頁面」。
    • 登陸頁面: 在你的 HubSpot 帳戶中,瀏覽「內容」>「登陸頁面」。
    • 博客: 在你的 HubSpot 帳戶中,瀏覽「內容」>「部落格」。
  • 將遊標停留在內容上,然後按一下「編輯」。 
  • 在內容編輯器中,按一下「編輯」選單,然後選擇「主題」。 

顏色

佈景主題的顏色設定會將主色、次色和背景色套用至佈景主題範本中包含的所有元素。 這些樣式將適用於您網站上的所有元素。 若要自訂標題、字體和連結的更具體設定,請按一下「更多設定」旁邊的「編輯」。

字體

選擇要套用於網站標題、表單、按鈕和正文的主要字體和次要字體。 支持所有Google字體。 按一下顏色氣泡以自訂主要或次要字體顏色。 您可以選擇簡單的顏色值,或按一下「進階」標籤,然後使用顏色選取器選擇特定的十六進制值。 

間距 

佈景主題間距設定控制頁面內容的最大寬度,以及頁面上不同元素之間的垂直間距。

更多設定

在您的佈景主題設定中,您可能會在頁面上對更具體的樣式進行其他詳細設定。 主題中的樣式選項根據主題編碼模板中包含的主題欄位而定。 如果您找不到要尋找的設定,請聯絡您的範本設計師,查看範本中包含哪些選項。

以下範例是一般指南,說明您的主題中可能包含哪些類型的額外內容。 有關模板中可能包含的主題欄位的完整參考,請參閱設計師文檔

請注意:請記住,您可以在頁面上的富文本模塊中自訂字體、顏色和樣式,或在頁面編輯器中覆蓋主題的預設樣式。 僅當您希望這些樣式應用於使用此主題的所有頁面時,才修改這些樣式。

排版

在排版設定中,您可以控制將字體套用到範本中的某些元素。 支持所有Google字體。 您還可以為主題中的某些標題、字體或連結選擇自訂顏色。

  • 標題:您可以自訂主題中包含的任何標題的確切字體、顏色、大小和樣式。
  • 正文:僅自訂頁面正文的字體、顏色或文字大小。 
  • 連結:自訂網站上連結的預設顏色。 您還可以自訂訪客懸停或按一下連結時連結的顏色和行為。

按鈕

您可以為網頁和部落格上的按鈕設定自訂顏色、字體和樣式。 在特定頁面的頁面編輯器中,您可以交換按鈕大小或類型,這取決於您的網站開發人員如何創建主題。

  • 尺寸:指定頁面上小按鈕、普通按鈕和大按鈕的尺寸。 
  • 主要:主要按鈕是訪問者在您的頁面上執行的最重要動作。 這種顏色應該脫穎而出,引起訪客的注意。
  • 次要:當頁面上已經有一個主要按鈕時,次要按鈕用於相對較不重要的操作。 次要按鈕通常應用於優先級較低的操作頁面。 
  • 簡單:這些是應用於頁面中簡單按鈕模組的預設字體和樣式。

表單

自訂表單的預設顏色、字體和文字樣式,以及按鈕樣式。

  • 標題:這些是應用於出現在整個表單上方的文字欄位的樣式。 這通常包括問候和填寫表格的說明。 您的表單上的這些樣式只能在您的主題設置中進行管理。
  • 標籤:應用於出現在表單欄位上方的標籤的樣式。
  • 字段:應用於表單字段本身名稱的樣式。
  • 幫助文字:這是顯示在每個表單欄位內的範例內容,指出您的訪問者應該提交哪種類型的資訊。
  • 提交:選擇應應用於表單的按鈕樣式和大小。
  • 背景色:應用於表單的背景色。
  • 邊框:表單欄位周圍的邊框顏色。
  • 填充:頁面上表單周圍的間距量。

表格

設定新增到頁面的表格的預設顏色、字體、間距和邊框。

  • 表格標題:應用於表格標題中字體的顏色,以及表格第一行全寬度的預設背景色。 您還可以在表格標題的底部邊緣為強調顏色設置底部邊框。
  • 字體顏色:表格中字體的預設顏色。
  • 背景色:表格單元格背景的默認背景色。
  • 邊框:表格的預設邊框顏色、寬度和樣式。
  • 填充:頁面上表格上方和下方的空間量。 

進一步了解如何將表格插入頁面的富文本模組

網站標題

這些設定控制頁面標題中出現的顏色和字體,包括導覽選單。 了解如何帳戶設定中設導覽選單若要在佈景主題範本上設定公司標誌,「品牌」部分標誌圖片新增至帳戶預設值

  • 選單:當訪客檢視、懸停或按一下選單項目時,選擇導覽選單的字體顏色和樣式。 這些樣式只能在佈景主題設定中管理。
  • 背景色:選擇網站標題背景的顏色。
  • 底部邊框:如果需要,您可以在網站標題下方添加水平線作為邊框。 選擇要啟動底部邊框的樣式,然後選擇邊框的顏色和寬度。

底部

這些設定控制頁面頁腳中出現的顏色和字體,包括任何導航選單。 了解如何帳戶設定中設導覽選單

  • 選單:為主題頁腳中的導覽選單選擇字體的顏色和樣式。 您可以自訂訪客檢視、懸停或按一下選單項目時的顏色。 這些樣式只能在佈景主題設定中管理。
  • 背景色:選擇網站頁腳背景的顏色。
  • 底部邊框:如果需要,您可以在網站頁腳下方添加橫線作為邊框。 選擇要啟動底部邊框的樣式,然後選擇邊框的顏色和寬度。

博客

這些設定控制旅居頁面範本和部落格文章範本的樣式。

橫幅圖片:上傳圖片以用於部落格範本標題的背景。 您可以為部落格的首頁選擇一張圖片,並將一張圖片套用至所有部落格文章。 

標籤:設定部落格標籤的預設顏色、字體和樣式,這些標籤會顯示在部落格文章的頂部。

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