使用主題
上次更新時間: 三月 24, 2025
主題是一套範本、模組、全局內容和樣式設定,可用於建立網站。您可以在內容編輯器 中使用主題編輯頁面和文章,並在部落格設定中設定部落格範本使用主題。
所有帳戶都可使用至少一個預設 HubSpot 主題。主題也可以從Template Marketplace下載。
瞭解主題
主題是您網站的一套檔案,包括
- 編碼範本: 一組網站範本,包括首頁、關於頁面、登陸頁面和部落格範本。這些範本由開發人員自訂編碼,但內容和版面可以在內容編輯器中自訂。
- 模組: 一組獨特的主題模組,您可以使用該主題新增內容。
- 全局內容:在多個頁面上重複出現的內容,例如網站頁首或頁尾。您可以直接從拖放頁面編輯器編輯全局內容。
- 主題設定:使用主題的範本的 樣式設定,包括字型、間距和顏色。
使用活躍主題
您可以設定活動主題,以顯示該主題的頁面作為新建立頁面的預設選項。設定或變更活躍主題不會改變現有內容使用的主題,這需要交換內容的目前模板。其他主題可在HubSpot Template Marketplace 購買。
如果您尚未為您的帳戶啟用主題,您需要在開始建立網站之前啟用主題。
-
導覽到您的內容:
- 網站頁面:在你的 HubSpot 帳戶中,瀏覽「內容」>「網站頁面」。
- 登陸頁面:在你的 HubSpot 帳戶中,瀏覽「內容」>「登陸頁面」。
- 如果您尚未建立任何網站頁面:
- 按一下從頭開始。
- 在主題選擇畫面中,將滑鼠懸停在主題上,然後按一下預覽主題,以開啟主題的預覽;或按一下設定為活動主題,以使用此主題作為網頁的預設主題。
- 然後,您可以從主題中選擇一個範本,使用 HubSpot 的拖放編輯器繼續建立頁面。
當主題設定為活動時,您每次建立新頁面時都會看到這些範本。您可以按一下範本選擇畫面中的主題下拉式功能表,隨時變更您帳戶的活動主題,如以下步驟所示。
若要變更您帳戶的活動主題:
-
導覽到您的內容:
- 網站頁面:在你的 HubSpot 帳戶中,瀏覽「內容」>「網站頁面」。
- 登陸頁面:在你的 HubSpot 帳戶中,瀏覽「內容」>「登陸頁面」。
- 在右上方,按一下建立。如果您有多個連接的網域,請按一下網站 下拉式功能表,然後在對話方塊中選擇一個網域 。然後輸入頁面名稱 ,然後按一下建立頁面。
- 按一下「主題」下拉式功能表,然後選擇「變更主題」。
- 在主題選擇畫面中,將滑鼠懸停在主題上,然後按一下預覽主題,即可開啟主題的預覽或設定為活動主題。
- 然後,您可以從主題中選擇一個範本,繼續使用 HubSpot 的拖放編輯器建立頁面。
使用主題建立頁面
-
導覽到您的內容:
- 網站頁面:在你的 HubSpot 帳戶中,瀏覽「內容」>「網站頁面」。
- 登陸頁面:在你的 HubSpot 帳戶中,瀏覽「內容」>「登陸頁面」。
- 在右上方,按一下建立。
- 如果您有多個連接的網域,請按一下網站 下拉式功能表,然後在對話方塊中選擇一個網域 。然後輸入頁面名稱 ,然後按一下建立頁面。
- 在範本選擇畫面中,您使用中主題的範本會出現在主題範本區段中。若要檢視不屬於作用中主題的範本,請按一下其他範本。
- 將滑鼠移至模板上,然後按一下預覽模板以預覽模板,或按一下選擇模板以繼續內容編輯器。
- 在內容編輯器中,使用拖放編輯器編輯頁面內容。
-
若要立即執行您的變更,請按一下右上方的「發佈」或「更新」,然後按一下對話方塊中的「立即發佈」 或「立即更新」 。
套用主題範本到您的部落格
您可以在部落格設定中,設定部落格使用與頁面相同的主題。部落格文章和部落格列表頁面範本是分開選擇的。
- 在你的 HubSpot 帳戶中,點擊頂端導覽列中的settings「設定圖示」。
- 在左側功能表中,導覽到內容>部落格。
- 如果您有多個部落格,請按一下選擇 要修改的部落格下拉式功能表,然後選擇一個部落格。
- 按一下範本 索引標籤。
- 在「部落格文章範本 」和「部落 格列表頁面 」區段中,按一下「動作」下拉式功能表,然後選擇「變更範本」。
- 在主題選擇畫面中,選擇您的主題,然後選擇使用該主題的範本。在右下方,按一下完成。
- 設定好部落格文章和部落格列表頁面範本後,按一下左下方的「儲存」。
請注意:對於可在內容編輯器中編輯的部落格列表頁面,這些步驟將導向內容編輯器,而非主題選擇畫面。
編輯主題設定
您可以在主題設定中自訂主題的樣式,包括字型、顏色和間距。在此編輯的樣式適用於此主題中包含的所有頁面和主題模組。進一步了解如何管理主題設定。
管理主題
在設計管理員中,您可以編輯、克隆或複製主題到另一個 HubSpot 帳戶。您也可以刪除預設 HubSpot 主題、複製主題和自訂主題,以及建立子主題。
您可以編輯子主題的主題設定,而不會影響父主題,但不會建立額外的主題資產副本。若要複製父主題的資產,建議您複製主題。
複製主題
要在設計管理員中編輯預設主題的編碼檔案,必須先複製它們。
- 在你的 HubSpot 帳戶中,瀏覽「內容」>「設計管理工具」。
- 在搜尋器中,點選@hubspot資料夾。此資料夾包含所有主題和預設模組,包括拖放電子郵件模組。
- 用滑鼠右鍵按一下主題 資料夾,然後選擇複製主 題。
- 在對話方塊中,輸入主題的名稱,然後按一下建立。
主題會複製到根資料夾中,並與其他資料夾列在尋找器中。
建立子主題
在設計管理員中,您可以根據已購買的Template Marketplace主題或預設 HubSpot 主題建立子主題 - 已購買主題的複本。您可以編輯子主題的主題設定,而不會影響父主題。
開發人員也可以根據自訂主題建立子主題,並使用我們的開發人員文件,使用 CLI 建立子主題。進一步了解如何使用子主題。
複製主題到另一個帳號
您可以從一個帳號複製主題資料夾到另一個帳號。您必須是兩個帳戶中都有Design tools權限的使用者。
請注意:@hubspot 或 @marketplace 目錄中的主題資料夾不能在帳戶之間複製。
若要複製主題到帳戶,請
- 在你的 HubSpot 帳戶中,瀏覽「內容」>「設計管理工具」。
- 在尋找器中,將滑鼠移至您想要複製的主題資料夾,然後用滑鼠右鍵按一下該資料夾,並選擇「複製到不同帳戶」。
- 在對話方塊中,選擇一個帳戶,然後按一下複製資產。複製程序完成後,資料夾即會出現在指定的帳戶中。
上傳一個主題
Content Hub帳戶 中的使用者可以從 Envato 的 ThemeForest Marketplace 購買 HubSpot 主題,然後從主題選擇畫面將主題上傳至 HubSpot:
- 導覽到 Envato 的 ThemeForest Marketplace 的HubSpot CMS Hub區段 。
- 從市場購買主題。
- 您會收到一封电子邮件,其中包含您所购买主题的购买代码。複製購買代碼。
-
導覽到您的內容:
- 網站頁面:在你的 HubSpot 帳戶中,瀏覽「內容」>「網站頁面」。
- 登陸頁面:在你的 HubSpot 帳戶中,瀏覽「內容」>「登陸頁面」。
- 在右上方,按一下建立。
- 如果您有多個連接的網域,請按一下網站 下拉式功能表,然後在對話方塊中選擇一個網域 。然後輸入頁面名稱 ,然後按一下建立頁面。
- 在範本選擇畫面中,按一下主題 下拉式功能表,然後選擇變更主題。
- 在右上方,按一下從 ThemeForest 安裝主題。
- 在對話方塊中,貼上電子郵件中的購買代碼,然後按一下安裝主題。
- 在新標籤中,登入 Envato 的 ThemeForest Marketplace 完成安裝程序。
當您成功登入後,HubSpot 會出現一個橫幅。您的主題可能需要幾分鐘才會出現。
刪除主題
預設的 HubSpot 主題、克隆的主題和上傳的主題都可以從設計管理員中刪除:
- 在你的 HubSpot 帳戶中,瀏覽「內容」>「設計管理工具」。
- 在搜尋器中,按一下包含主題資產的資料夾。
- 按一下檔案下拉式功能表,然後選擇刪除 [資料夾名稱]。
- 在對話方塊中,選擇我確定要刪除此資料夾 複選框,然後按一下刪除此資料夾。
已購買的主題必須從 Template Marketplace 卸載:
- 在你的 HubSpot 帳戶中,點擊主導覽列中的「Marketplace 圖示」marketplace,然後選取「範本市集」。
- 按一下「已購買」標籤。
- 將滑鼠移至該主題,然後按一下「動作」下拉式功能表,並選擇「解除安裝」。
- 在對話方塊中,按一下「解除安裝」。