編輯你的主題設定
上次更新時間: 一月 20, 2023
主題是一套樣式和模板,您可以在HubSpot中套用到網站頁面和網誌。 為了確保你的網站看起來一致,所有使用相同主題的網頁的風格設定都會在主題設定中進行管理。 您可以按一下頁面編輯器左側面板的「設計」標籤,輕鬆自訂佈景主題設定。 可以透過切換、切換和選色器等直覺控制調整主題設定。
開始之前
主題設定使用您的主題模板控制網頁的主要顏色、字體和按鈕風格。
請注意:主題設定中提供的造型選項取決於創建主題的網頁開發人員所包含的主題字段選項。
您的網站的某些內容會在帳戶設定的其他部分進行管理,包括:
- 您的公司標誌:在「品牌」標籤的「帳戶默認值」中更新您的公司標誌。
- 導覽選單:主題設定中會設定選單顏色,但導覽選單內容和連結會在導覽設定中進行管理。 了解如何在網頁編輯器中建立瀏覽器選單,以新增至全局頁眉或全局頁腳內容。
- 您的發佈網域:您可以連結的子網域、品牌網域和頂級網域的數量取決於您的訂閱。 了解更多有關網域訂閱限制以及將網域連接到HubSpot的資訊。
編輯主題設定
若要編輯佈景主題設定,你需要先建立一個頁面,並設定佈景主題範本。 點擊左側的主題標籤,即可在內容編輯器中存取主題設定。 然後點擊「編輯主題設定」。
自訂顏色、字體和間距將為網頁上的所有元素設定預設樣式。 如果你想編輯連結顏色、按鈕顏色或預設表單顏色等特定詳細資訊,請按一下「更多設定 」旁邊的「編輯」,查看可用於範本的其他主題設定。
顏色
佈景主題的色彩設定將主要色彩、次要色彩和背景色彩套用至佈景主題範本中包含的所有元素。 這些風格將應用於您網站上的所有元素。 若要為標題、字體和連結自訂更具特定性的設定,請按一下「更多設定 」旁邊的「編輯」。
字體
選擇要套用於網站標題、表單、按鈕和正文的主要和次要字體。 支持所有Google字體。按一下顏色泡沫以自訂主要或次要字體色彩。 您可以選擇一個簡單的色彩值,或按一下進階標籤,並使用色彩選取器選擇特定的十六進制值。
空格
主題間距設定控制頁面內容的最大寬度,以及頁面上不同元素之間的垂直間距。
更多設定
在佈景主題設定中,你可能會在網頁上對更具體的風格進行其他詳細設定。 佈景主題中的風格選項是根據佈景主題的代碼模板中包含的佈景主題欄位而設。 如果你無法找到所需的設定,請聯絡模板設計師,查看模板中包含的選項。
以下示例是主題中可能包含哪些類型的額外服務的一般指南。 如需完整參考模板中可能包含的主題欄位,請參閱設計師文件。
請注意:您可以在網頁的富文本模組中自訂字體、色彩和風格,也可以在網頁編輯器中覆蓋主題的預設風格。 如果您希望將這些風格套用到使用此主題的所有頁面,請僅修改這些風格。
排版
在排版設定中,您可以控制套用於模板中某些元素的字體。 支持所有Google字體。你也可以為主題中的某些標題、字體或連結選擇自訂顏色。
- 標題:您可以為佈景主題中包含的任何標題自訂確切的字體、顏色、大小和風格。
- 正文:僅自訂網頁正文的字體、色彩或文字大小。
- 連結:自訂網站連結的預設顏色。 您也可以在訪客懸停或點擊連結時自訂連結的色彩和行為。
按鈕
您可以在網頁和網誌上為按鈕設定自訂顏色、字體和風格。 在特定網頁的網頁編輯器中,您可以根據網站開發人的創建方式來更換按鈕大小或類型。
- 大小:指定網頁上小按鈕、普通按鈕和大按鈕的尺寸。
- 主要:主要按鈕指的是訪客在您的網頁上採取的最重要的動作。 這種顏色應該會脫穎而出,吸引訪客的注意。
- 次要:當網頁上已有一個主要按鈕時,次要按鈕用於不太重要的操作。 次要按鈕通常會套用於頁面以獲得較低優先級的操作。
- 簡單:這些是套用於頁面中簡單按鈕模組的預設字體和風格。
表單
自定義表單的預設色彩、字體、文字樣式和按鈕樣式。
- 標題:這些是套用於整個表單上方的文字欄位的風格。 這通常包括打招呼和填寫表格的說明。 您表單上的這些風格只能在主題的設定中管理。
- 標籤:套用於表單欄位上方的標籤的款式。
- 字段:應用於表單字段本身的名稱的樣式。
- 幫助文字:這是顯示在每個表單欄位內的樣本內容,指示訪客應提交哪種類型的資訊。
- 提交:選擇應套用於表單的按鈕風格和大小。
- 背景色:應用於表單的背景色。
- 邊框:表單欄位周圍的邊框顏色。
- 填充:頁面上的表單周圍的間距。
表格
設定新增到頁面的表格的預設色彩、字體、間距和邊框。
- 表頭:表頭中應用於字體的色彩,以及表格第一行全寬的預設背景色。 您也可以沿著表頭的邊緣設定一個下邊框,以顯示某種重音色彩。
- 字體顏色:表格中字體的預設顏色。
- 背景色:表格單元格背景的預設背景色。
- 邊框:表格的預設邊框顏色、寬度和風格。
- 填充:頁面上方和下方的空格。
進一步了解如何將表格插入網頁上的豐富文字模組。
網站標題
這些設定控制頁面標題中出現的色彩和字體,包括導覽選單。 了解如何在帳戶設定中設定導覽選單。若要在主題範本上設定公司標誌,請在「品牌」部分將您的標誌圖片新增至您的帳戶預設值 。
- 選單:當訪客檢視、懸停或按一下選單項目時,選擇導覽選單字體的顏色和風格。 這些風格只能在主題設定中管理。
- 背景色:選擇網站標題的背景色。
- 底部邊框:如果需要,您可以在網站標題下方新增水平線,作為邊框。 選擇一種樣式以啟動底部邊框,然後選擇邊框的色彩和寬度。
Footer
這些設定控制頁面頁尾中出現的顏色和字體,包括任何導航選單。 了解如何在帳戶設定中設定導覽選單。
- 選單:在佈景主題的頁尾中選擇導覽選單字體的顏色和風格。 你可以為訪客檢視、懸停或按一下餐牌餐點時自訂顏色。 這些風格只能在主題設定中管理。
- 背景色:選擇網站頁尾的背景色。
- 底部邊框:如果需要,您可以在網站頁尾下方新增水平線,作為邊框。 選擇一種樣式以啟動底部邊框,然後選擇邊框的色彩和寬度。
博客
這些設定會控制你的旅居頁面範本和網誌文章範本的風格。
橫幅圖片:上傳圖片以用於網誌範本標題的背景。 您可以為網誌主頁選擇一張圖片,並將一張圖片套用至所有網誌文章。
標籤:為網誌標籤設定預設的色彩、字體和風格,這些標籤會顯示在網誌文章的頂部。
相關內容
-
匯出內容和資料
了解如何從帳戶匯出HubSpot內容和資料,例如頁面、聯絡人和檔案。 請注意:沒有辦法合併HubSpot帳戶之間的所有數據。 在帳戶之間移動資產的最佳方法是從HubSpot帳戶匯出數據,然後匯入物件和...
知識庫 -
將影片新增至您的HubSpot內容
透過HubSpot影片,您可以上傳影片至檔案工具,然後將影片新增至頁面、行銷電子郵件、部落格文章和知識庫文章。 您可以將HubSpot影片插入影片模組中的拖放行銷電子郵件,並在頁面上拖放區域...
知識庫 -
在HubSpot中使用字體
HubSpot中可用於內容的字體取決於內容類型和字體類型。 某些預設字體可在所有內容編輯器中使用,而網頁字體(如Google字體)和自訂字體則有其他限制,概述如下: 內容類型 字體 ...
知識庫