知識庫

編輯佈景主題設定

作者:HubSpot Support | Nov 21, 2022 1:14:02 PM

佈景主題是一組樣式和範本,可套用至HubSpot的網站頁面和網誌。 為了確保網站外觀一致,所有使用相同主題的頁面的樣式設定都會在主題設定中進行管理。

在您開始之前

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

請注意:佈景主題設定中提供的樣式選項取決於建立佈景主題的網頁開發人員所包含的佈景主題欄位選項。

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

編輯主題設定

你可以在內容編輯器中編輯使用該佈景主題的任何頁面或文章的佈景主題設定: 

  • 前往你的內容:

    • 網站頁面:
    • 登陸頁面:
    • 博客:
  • 按一下內容名稱。 
  • 在內容編輯器中,按一下「編輯」選單,然後選取「主題」。 

顏色

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

字體

選擇要應用於網站標題、表單、按鈕和正文的主要和次要字體。 支持所有Google字體。 單擊顏色氣泡以自定義主要或次要字體顏色。 您可以選擇一個簡單的顏色值,或者單擊進階選項卡並使用顏色選擇器選擇特定的十六進位值。 

間距 

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

更多設定

在主題設定中,你可以在頁面上為更具體的樣式提供其他詳細設定。 佈景主題中的樣式選項是根據佈景主題編碼範本中包含的佈景主題欄位而定。 如果找不到所需的設定,請聯絡範本設計師,瞭解範本中包含哪些選項。

以下範例是一般指南,說明你的佈景主題可能包含哪些類型的額外資訊。 有關範本中可能包含的主題欄位的完整參考,請參閱設計師文件

請注意:你可以在頁面上的RTF文字模組中自訂字型、顏色和樣式,或在頁面編輯器中覆蓋主題的預設樣式。 如果您希望將這些樣式應用於使用此主題的所有頁面,請僅修改這些樣式。

排版

在排版設定中,你可以控制套用至範本中特定元素的字型。 支持所有Google字體。 你也可以為佈景主題中的特定標題、字型或連結選擇自訂顏色。

  • 標題:你可以為佈景主題中的任何標題自訂確切的字體、顏色、大小和樣式。
  • 內文:僅自訂頁面內文的字體、顏色或文字大小。 
  • 連結:自訂網站連結的預設顏色。 當訪客將遊標停留在連結上方或點擊連結時,你也可以自訂連結的顏色和行為。

按鈕

你可以為頁面和網誌上的按鈕設定自訂顏色、字型和樣式。 在特定頁面的頁面編輯器中,你可以切換按鈕大小或類型,具體取決於網站開發人員建立主題的方式。

  • 尺寸:指定頁面上小按鈕、普通按鈕和大按鈕的尺寸。 
  • 主要:主要按鈕用於顯示訪客在頁面上採取的最重要操作。 這種顏色應該脫穎而出,吸引訪客的注意。
  • 次要:當頁面上已經有一個主要按鈕時,次要按鈕用於相對較不重要的操作。 次要按鈕通常應用於優先順序較低的操作頁面。 
  • 簡單:這些是應用於頁面中簡單按鈕模組的默認字體和樣式。

表單

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

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

表格

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

  • 表頭:應用於表頭字體的顏色,以及表格第一行的整個寬度的默認背景顏色。 您還可以沿著表格標題的邊緣為強調顏色設置底部邊框。
  • 字體顏色:表格中字體的預設顏色。
  • 背景顏色:表格儲存格背景的預設背景顏色。
  • 邊框:表格的預設邊框顏色、寬度和樣式。
  • 內邊距:頁面上表格上方和下方的空間。 

進一步了解如何在頁面的RTF文字模組中插入表格

網站標題

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

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

頁尾

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

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

博客

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

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

標籤:設定網誌標籤的預設顏色、字型和樣式,這些內容會顯示在網誌文章的頂部。