使用佈景主題
上次更新時間: 一月 20, 2023
套用至:
所有產品和版本 |
主題是一組範本、模組、全局內容和樣式設定,可用於建立網站。 主題可以從Asset Marketplace下載,而CMS Hub 帳戶也可以訪問預設的HubSpot主題。 您可以使用拖放內容編輯器使用主題編輯頁面,並將博客模板設置為在博客設置中使用主題。
了解主題
佈景主題是您網站的一組檔案,包括:
- 編碼模板:網站的一組模板,包括首頁、關於頁面、登陸頁面和部落格模板。 這些範本由開發人員自訂編碼,但內容和佈局可以在拖放內容編輯器中自訂。
- 模組:一組獨特的主題模組,您可以使用該主題添加到內容中。
- 全局內容:在多個頁面上重複的內容,例如網站標題或頁腳。 您可以直接從拖放頁面編輯器編輯全局內容。
- 主題設定:使用主題的範本的樣式設定,包括字體、間距和顏色。
使用有效的主題
您可以設定一個有效的主題,將該主題的頁面顯示為新建立的頁面的預設選項。 設定或變更有效的主題不會變更現有內容所使用的主題,這需要交換內容的當前範本。 其他主題可以在資產市場購買。
-
瀏覽至您的內容:
- 網站頁面: 在 HubSpot 帳戶中,進入「行銷」>「網站」>「網站頁面」。
- 登陸頁面: 在 HubSpot 帳戶中,進入「行銷」>「登陸頁面」。
- 在右上角,按一下建立下拉式選單,然後選擇網站頁面或著陸頁面。
- 在對話方塊中,輸入頁面名稱,然後按一下建立頁面。
- 在佈景主題選擇畫面上,將遊標停留在佈景主題上,然後按一下「預覽佈景主題」以開啟佈景主題,或按一下「設為活躍佈景主題」以將此佈景主題用作頁面的預設值。
設定主題
後,每次建立新頁面時,系統都會將您帶到範本選擇畫面。 在此畫面中,您可以切換到其他活躍主題:
- 按一下「主題」下拉式選單,然後選擇「變更主題」。
- 在佈景主題選擇畫面上,將遊標停留在佈景主題上,然後按一下「預覽佈景主題」以開啟佈景主題,或按一下「設為活躍佈景主題」以將此佈景主題用作頁面的預設值。
使用主題建立頁面
-
瀏覽至您的內容:
- 網站頁面: 在 HubSpot 帳戶中,進入「行銷」>「網站」>「網站頁面」。
- 登陸頁面: 在 HubSpot 帳戶中,進入「行銷」>「登陸頁面」。
- 在右上角,按一下建立下拉式選單,然後選擇網站頁面或著陸頁面。
- 在對話方塊中,輸入頁面名稱,然後按一下建立頁面。
- 在範本選擇畫面上,活躍主題的範本將出現在主題範本部分。 若要檢視不屬於活動主題的範本,請按一下其他範本。
- 將遊標停留在範本上,然後按一下「預覽範本」以預覽範本,或按一下「選擇範本」以繼續前往內容編輯器。
- 在內容編輯器中,使用拖放編輯器編輯頁面內容。
- 在右上角,按一下「更新」或「發佈」,即可即時設定變更。
將佈景主題範本套用至您的網誌
您可以在部落格設定中設定部落格,以使用與網頁相同的主題。 博客文章和博客列表頁面模板是分開選擇的。
- 了解更多
- 在左側邊欄選單中,前往「網站」>「部落格」。
- 如果您有多個部落格,請按一下選擇部落格以修改下拉式選單,然後選擇部落格。
- 按一下範本標籤。
- 在「部落格文章範本」和「部落格列表頁面」 部分,按一下「操作」下拉式選單,然後選擇「變更範本」。
- 在主題選擇畫面上,選擇您的主題,然後選擇使用該主題的範本 。 在右下角,按一下完成。
- 設定部落格文章和部落格列表頁面範本後,按一下左下角的「儲存」。
請注意:對於可以在內容編輯器中編輯的博客列表頁面,這些步驟將導致內容編輯器而不是主題選擇屏幕。
編輯主題設定您可以在佈景主題設定中自訂佈景主題的樣式(包括字體、顏色和間距)。 此處編輯的樣式適用於此主題中包含的所有頁面和主題模塊。 進一步了解如何管理主題設定。
管理佈景主題
在設計管理員中,您可以編輯、複製或複製佈景主題到另一個HubSpot帳戶。 您還可以刪除預設的HubSpot主題、克隆主題和自訂主題,以及建立子主題。
克隆主題
若要在設計管理器中編輯預設主題的編碼檔案,必須先克隆它們。 從資產市場購買的主題無法克隆;建議創建一個子主題。
- 在 HubSpot 帳戶中,進入「行銷」>「檔案和範本」>「設計工具」。
- 在搜尋器中,按一下@ hubspot資料夾。 此資料夾包含所有主題和預設模組,包括拖放電子郵件模組。
- 右鍵按一下主題 資料夾,然後選擇複製主題。

- 在對話方塊中,輸入主題的名稱,然後按一下建立。
主題將被複製到根文件夾中,並與其他文件夾一起列在尋找器中。
建立子主題
在設計管理員中,您可以根據購買的資產市場主題或預設的HubSpot主題建立子主題-購買主題的副本。
開發人員還可以根據自訂主題創 建子主題,並使用我們的開發人員文檔使用CLI創建子主題。 進一步了解如何處理子主題。
- 在 HubSpot 帳戶中,進入「行銷」>「檔案和範本」>「設計工具」。
- 在搜尋器中,按一下資產市場主題的@ marketplace資料夾,或按一下預設主題的@ hubspot資料夾。
- 右鍵按一下佈景主題資料夾,然後選擇建立子佈景主題。
- 在對話方塊中,輸入子主題的名稱 。
- 若要變更儲存子主題的位置,請按一下「檔案位置」區段中的「變更」。 按一下資料夾,然後按一下選擇。
- 若要自訂主題的CSS和JS檔案名稱,請按一下進階選項,然後在CSS和JS欄位中輸入新的檔案名稱。
- 若要完成此流程,請按一下建立子主題。 您可以在內容編輯器中編輯子主題的樣式。
將主題複製到另一個帳戶
您可以將主題資料夾從一個帳戶複製到另一個帳戶。 您必須是兩個帳戶都擁有設計工具權限的使用者。
請注意: @ hubspot或@ marketplace目錄中的主題資料夾無法在帳戶之間複製。
若要將佈景主題複製到帳戶,請按照以下步驟操作:
- 在 HubSpot 帳戶中,進入「行銷」>「檔案和範本」>「設計工具」。
- 在搜尋器中,將遊標停留在您要複製的主題資料夾上,然後右鍵按一下該資料夾,然後選擇複製到其他帳戶。
- 在對話方塊中,選擇一個帳戶,然後按一下複製資產。 複製過程完成後,該資料夾將立即出現在指定的帳戶中。
上傳主題
CMS Hub 帳戶的用戶可以從Envato的ThemeForest Marketplace購買HubSpot主題,然後從主題選擇畫面將它們上傳到HubSpot :
- 前往Envato ThemeForest Marketplace的HubSpot CMS Hub部分 。
- 從市場購買主題 。
- 您將收到一封電子郵件,其中包含您購買的主題的購買代碼。 複製購買代碼。
-
瀏覽至您的內容:
- 網站頁面: 在 HubSpot 帳戶中,進入「行銷」>「網站」>「網站頁面」。
- 登陸頁面: 在 HubSpot 帳戶中,進入「行銷」>「登陸頁面」。
- 在右上角,按一下建立下拉式選單,然後選擇網站頁面或著陸頁面。
- 在對話方塊中,輸入頁面名稱,然後按一下建立頁面。
- 在範本選擇畫面上,按一下「主題」下拉式選單,然後選擇「變更主題」。
- 在右上角,按一下從ThemeForest安裝佈景主題。
- 在對話方塊中,貼上電子郵件中的購買代碼,然後按一下「安裝主題」。
- 在新標籤中,登入Envato的ThemeForest Marketplace以完成安裝過程。
成功登入後, HubSpot會顯示橫幅。 您的主題可能需要幾分鐘才能可用。
刪除主題
預設的HubSpot主題、克隆主題和上傳的主題可以從設計管理器中刪除:
- 在 HubSpot 帳戶中,進入「行銷」>「檔案和範本」>「設計工具」。
- 在搜尋器中,按一下包含佈景主題資源的資料夾。
- 按一下「檔案」下拉式選單,然後選擇刪除[資料夾名稱]。
- 在對話方塊中,選取「我確定要刪除此資料夾」核取方塊,然後按一下「刪除此資料夾」。
購買的主題必須從資產市場卸載:
- 按一下「已購買」分頁。
- 將遊標停留在主題上,然後按一下「操作」下拉式選單,然後選擇「解除安裝」。
- 在對話方塊中,按一下解除安裝。
相關內容
-
將影片新增至您的HubSpot內容
透過HubSpot影片,您可以上傳影片至檔案工具,然後將影片新增至頁面、行銷電子郵件、部落格文章和知識庫文章。 您可以將HubSpot影片插入影片模組中的拖放行銷電子郵件,並在頁面上拖放區域...
知識庫 -
使用初學者範本建立頁面
您可以使用入門範本來建立簡單的網站或登陸頁面。 您可以建立新頁面、自訂頁面設計,以及使用初學者範本發佈頁面。 進一步了解如何在HubSpot中建立各種頁面。 請注意: 入門範本 不支援智慧內容、自訂模組、個人化...
知識庫 -
匯出內容和資料
了解如何從帳戶匯出HubSpot內容和資料,例如頁面、聯絡人和檔案。 請注意:沒有辦法合併HubSpot帳戶之間的所有數據。 在帳戶之間移動資產的最佳方法是從HubSpot帳戶匯出數據,然後匯入物件和...
知識庫