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

編輯你的主題設定

上次更新時間: 十一月 21, 2022

套用至:

所有產品和版本

主題是一套樣式和模板,您可以在HubSpot中套用到網站頁面和網誌。 為了確保你的網站看起來一致,所有使用相同主題的網頁的風格設定都會在主題設定中進行管理。 您可以按一下頁面編輯器左側面板的「設」標籤,輕鬆自訂佈景主題設定。 可以透過切換、切換和選色器等直覺控制調整主題設定。

開始之前

主題設定使用您的主題模板控制網頁的主要顏色、字體和按鈕風格。

請注意:主題設定中提供的造型選項取決於創建主題的網頁開發人員所包含的主題字段選項

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

編輯主題設定

若要編輯佈景主題設定,你需要先建立一個頁面,並設定佈景主題範本。 點擊左側的主題標籤,即可在內容編輯器中存取主題設定。 然後點擊「編輯主題設定」。

edit-theme-settings

自訂顏色、字體和間距將為網頁上的所有元素設定預設樣式。 如果你想編輯連結顏色、按鈕顏色或預設表單顏色等特定詳細資訊,請按一下「更多設定 」旁邊的「編輯」,查看可用於範本的其他主題設定。

顏色

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

edit-global-theme-colors

字體

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

 

edit-global-theme-fonts

空格 

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

edit-global-theme-spacing

更多設定

在佈景主題設定中,你可能會在網頁上對更具體的風格進行其他詳細設定。 佈景主題中的風格選項是根據佈景主題的代碼模板中包含的佈景主題欄位而設。 如果你無法找到所需的設定,請聯絡模板設計師,查看模板中包含的選項。

以下示例是主題中可能包含哪些類型的額外服務的一般指南。 如需完整參考模板中可能包含的主題欄位,請參閱設計師文件

請注意:您可以在網頁的富文本模組中自訂字體、色彩和風格,也可以在網頁編輯器中覆蓋主題的預設風格。 如果您希望將這些風格套用到使用此主題的所有頁面,請僅修改這些風格。

排版

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

  • 標題:您可以為佈景主題中包含的任何標題自訂確切的字體、顏色、大小和風格。
  • 正文:僅自訂網頁正文的字體、色彩或文字大小。 
  • 連結:自訂網站連結的預設顏色。 您也可以在訪客懸停或點擊連結時自訂連結的色彩和行為。

按鈕

您可以在網頁和網誌上為按鈕設定自訂顏色、字體和風格。 在特定網頁的網頁編輯器中,您可以根據網站開發人的創建方式來更換按鈕大小或類型。

  • 大小:指定網頁上小按鈕、普通按鈕和大按鈕的尺寸。 
  • 主要:主要按鈕指的是訪客在您的網頁上採取的最重要的動作。 這種顏色應該會脫穎而出,吸引訪客的注意。
  • 次要:當網頁上已有一個主要按鈕時,次要按鈕用於不太重要的操作。 次要按鈕通常會套用於頁面以獲得較低優先級的操作。 
  • 簡單:這些是套用於頁面中簡單按鈕模組的預設字體和風格。

表單

自定義表單的預設色彩、字體、文字樣式和按鈕樣式。

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

表格

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

  • 表頭:表頭中應用於字體的色彩,以及表格第一行全寬的預設背景色。 您也可以沿著表頭的邊緣設定一個下邊框,以顯示某種重音色彩。
  • 字體顏色:表格中字體的預設顏色。
  • 背景色:表格單元格背景的預設背景色。
  • 邊框:表格的預設邊框顏色、寬度和風格。
  • 填充:頁面上方和下方的空格。 

進一步了解如何將表格插入網頁上的豐富文字模組

網站標題

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

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

Footer

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

  • 單:在佈景主題的頁尾中選擇導覽選單字體的顏色和風格。 你可以為訪客檢視、懸停或按一下餐牌餐點時自訂顏色。 這些風格只能在主題設定中管理。
  • 背景色:選擇網站頁尾的背景色。
  • 底部邊框:如果需要,您可以在網站頁尾下方新增水平線,作為邊框。 選擇一種樣式以啟動底部邊框,然後選擇邊框的色彩和寬度。

博客

這些設定會控制你的旅居頁面範本和網誌文章範本的風格。

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

標籤:為網誌標籤設定預設的色彩、字體和風格,這些標籤會顯示在網誌文章的頂部。

Was this article helpful?
This form is used for documentation feedback only. Learn how to get help with HubSpot.