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

使用主題

上次更新時間: 2025年9月18日

可搭配下列任何訂閱使用,除非另有註明:

主題是一套範本、模組、全局內容和樣式設定,可用於建立網站。您可以在內容編輯器 中使用主題編輯頁面和文章,並在部落格設定中設定部落格範本使用主題

所有帳戶都可以存取至少一個預設 HubSpot 主題。主題也可以從Template Marketplace下載。

請注意: 知識庫使用的是修改版的主題。瞭解更多關於編輯知識庫主題設定的資訊

了解主題

主題是您網站的一套檔案,包括:

  • 編碼範本: 一組網站範本,包括首頁、關於頁面、登陸頁面和部落格範本。這些範本由開發人員自訂編碼,但內容和版面可以在內容編輯器中自訂。
  • 模組: 一組獨特的主題模組,您可以使用該主題新增內容。
  • 全局內容:在多個頁面上重複出現的內容,例如網站頁首或頁尾。您可以直接從拖放頁面編輯器編輯全局內容
  • 主題設定:使用主題的範本的 樣式設定,包括字型、間距和顏色。

使用活動主題

您可以設定作用中主題,將該主題的頁面顯示為新建立頁面的預設選項。設定或變更作用中主題不會變更現有內容所使用的主題,這需要交換內容的目前範本。其他主題可在HubSpot Template Marketplace 購買。

  1. 導覽到您的內容:
    • 網站頁面:在你的 HubSpot 帳戶中,瀏覽「內容」>「網站頁面」。
    • 登陸頁面:在你的 HubSpot 帳戶中,瀏覽「內容」>「登陸頁面」。 著陸頁面
  2. 按一下建立 開始
  3. 在主題選擇頁面中,按一下所需主題卡上的Set as active theme。若要預覽主題,請按一下預覽主題
  4. 在模板選擇頁面,按一下所需的模板卡上的選擇模板。然後繼續使用 HubSpot 的拖放編輯器建立頁面

變更活動主題

  1. 導覽到您的內容:

    • 網站頁面:在你的 HubSpot 帳戶中,瀏覽「內容」>「網站頁面」。
    • 登陸頁面:在你的 HubSpot 帳戶中,瀏覽「內容」>「登陸頁面」。 著陸頁面
  2. 在右上方,按一下建立開始
  3. 若要從網站頁面變更主題,請按一下主題下拉式功能表,然後選擇變更主題。然後按一下所需主題卡上的Set as active theme
website-and-landing-pages-change-theme-1
  1. 若要從登陸頁面變更主題,請按一下左側功能表上的主題名稱。然後按一下所需主題卡上的設定為作用中主題。
website-and-landing-pages-create-landing-page-change-theme-1
  1. 在主題選擇畫面中,將滑鼠停留在主題上,然後按一下預覽主題,以開啟主題的預覽或設定為活動主題。
  2. 然後,您可以從主題中選擇一個範本,繼續使用 HubSpot 的拖放編輯器建立頁面

使用主題建立頁面

  1. 導覽到您的內容:

    • 網站頁面:網站頁面: 在你的 HubSpot 帳戶中,瀏覽「內容」>「網站頁面」。
    • 登陸頁面:登陸頁面: 在你的 HubSpot 帳戶中,瀏覽「內容」>「登陸頁面」。
  2. 在右上方,按一下建立開始
  3. 如果你之前沒有選擇主題,你會被引導到主題選擇畫面。在所需的主題卡上,按一下設定為活動主題。若要預覽主題,請按一下預覽主題
  4. 在範本選擇畫面中,活動主題的範本會出現在主題範本區段中。若要檢視不屬於活動主題的範本,請按一下其他範本
  5. 若要從主題中選取範本,請按一下選取範本使用
  6. 在內容編輯器中,使用拖放編輯器編輯頁面內容。
  7. 若要啟用您的變更,請按一下右上方的「發佈」「更新」

套用主題範本到您的部落格

您可以在部落格設定中設定部落格使用與頁面相同的主題。部落格文章和部落格列表頁面範本是分開選擇的。

  1. 在你的 HubSpot 帳戶中,點擊頂端導覽列中的settings「設定圖示」。
  2. 在左側功能表中,導覽至內容>部落格。
  3. 如果您有多個部落格,請按一下選擇一個部落格來修改下拉式功能表,然後選擇一個部落
  4. 按一下範本 索引標籤。
  5. 在 [部落格文章範本 ] 和 [部落 列表頁面 ] 區段中,按一下 [動作] 下拉式功能表,然後選擇 [變更範本]。

website-and-landing-pages-change-blog-post-template

  1. 在主題選擇畫面中,按一下所需的主題卡,然後按一下範本卡。在右下方,按一下完成

請注意:對於可在內容編輯器中編輯的部落格列表頁面,這些步驟將導向內容編輯器,而非主題選擇畫面。

編輯主題設定

您可以在主題設定中自訂主題的樣式,包括字型、顏色和間距。在此編輯的樣式適用於此主題中包含的所有頁面和主題模組。進一步了解管理主題設定

管理主題

在設計管理員中,您可以編輯、複製或複製主題到另一個 HubSpot 帳戶。您也可以刪除克隆的主題、自訂主題,以及建立子主題。

您可以編輯子主題的主題設定而不影響父主題,但不會建立額外的主題資產副本。要複製父主題的資產,建議您複製主題。

複製主題

若要在設計管理員中編輯預設主題的編碼檔案,必須先複製主題。

請注意: HubSpot Template Marketplace 購買的主題以及Elevate 主題無法克隆。您可以建立子主題
  1. 在你的 HubSpot 帳戶中,瀏覽「內容」>「設計管理工具」。 導航設計管理員
  2. 在搜尋器中,按一下@hubspot資料夾。此資料夾擁有所有主題和預設模組,包括拖放電子郵件模組
  3. 點選主題 資料夾
  4. 按一下檔案下拉式功能表,然後選擇複製主題
  5. 在對話方塊中,輸入主題的名稱
  6. 若要變更複製主題的檔案位置,請按一下檔案位置欄位中的更。然後選擇位置。預設會選取根目錄。
  7. 完成後,按一下建立

建立子主題

在設計管理員中,您可以根據購買的模板市場主題或預設 HubSpot 主題建立子主題。您可以編輯子主題的主題設定,而不會影響父主題。

開發人員也可以根據自訂主題建立子主題,並使用開發人員文件使用CLI 建立子主題。進一步了解如何使用子主題

  1. 在你的 HubSpot 帳戶中,瀏覽「內容」>「設計管理工具」。 導航設計管理員
  2. 在搜尋器中,按一下@marketplace 資料夾(適用於 Template Marketplace 主題)或@hubspot資料夾(適用於預設主題)。
  3. 右鍵按一下主題資料夾,然後選擇建立子主題
  4. 在對話方塊中,輸入子主題的名稱
  5. 若要變更子主題的儲存位置,請按一下檔案位置區段中的變更。按一下資料夾,然後按一下選取
  6. 若要自訂主題的 CSS 和 JS 檔案名稱,請按一下進階選項,然後在CSSJS 欄位中輸入新的檔案名稱
  7. 要完成程序,請按一下建立子主題。您可以在內容編輯器中編輯子主題的樣式

複製主題到另一個帳戶

您可以從一個帳戶複製主題資料夾到另一個帳戶。您必須是兩個帳戶中都有Design tools權限的使用者。

請注意:@hubspot 或 @marketplace 目錄中的主題資料夾不能在帳戶之間複製。

要複製主題到一個帳戶

  1. 在你的 HubSpot 帳戶中,瀏覽「內容」>「設計管理工具」。
  2. 在搜尋器中,將滑鼠懸停在您要複製的主題資料夾上,然後用滑鼠右鍵按一下資料夾,並選擇「複製到不同的帳戶」。
  3. 在對話方塊中,按一下目的地帳戶下拉式功能表,然後選擇一個帳戶。然後按一下複製資產。複製過程完成後,資料夾就會出現在目的地帳戶中。

    website-and-landing-pages-design-manager-copy-theme-to-different-account

上傳一個主題

Content Hub帳戶 的使用者可以從 Envato 的 ThemeForest Marketplace 購買 HubSpot 主題,然後從主題選擇畫面將它們上傳到 HubSpot:

  1. 導覽到 Envato 的 ThemeForest Marketplace 的HubSpot CMS Hub區段
  2. 從市場購買主題
  3. 您會收到一封电子邮件,其中包含您所购买主题的购买代码。複製購買代碼
  4. 在你的 HubSpot 帳戶中,瀏覽「內容」>「網站頁面」。
  5. 在右上方,按一下建立
  6. 在「選擇範本」頁面上,按一下主題 下拉式功能表然後按一下變更主題
website-and-landing-pages-change-theme-1
  1. 在「選擇主題」頁面,按一下頁面底部的「從 ThemeForest安裝主題」。
  2. 在對話方塊中,貼上電子郵件中的購買代碼,然後按一下安裝主題
  3. 在新標籤中,登入 Envato 的 ThemeForest Marketplace 以完成安裝程序。
  4. 登入後,HubSpot 會顯示橫幅。您的主題可能需要幾分鐘時間才能可用。

刪除主題

克隆的主題和上傳的主題可以從設計管理員中刪除:

  1. 在你的 HubSpot 帳戶中,瀏覽「內容」>「設計管理工具」。
  2. 搜尋器中,點選包含主題資產的資料夾
  3. 按一下檔案下拉式功能表,然後選擇刪除 [資料夾名稱]
  4. 在對話方塊中,選擇 核取方塊,確認您已檢視眷屬,然後按一下刪除此資料夾

購買的主題必須從模板市場卸載:

  1. 在你的 HubSpot 帳戶中,點擊頂端導覽列中的「Marketplace 圖示」marketplace,然後選取「市集下載」。
  2. 在「主題」標籤上,按一下「動作」下拉式功能表,然後選擇卸載適用的主題。
  3. 卸載前,您可能需要變更部落格文章或頁面的範本。進一步瞭解變更頁面或文章範本
  4. 在對話方塊中,按一下解除安裝
這篇文章有幫助嗎?
此表單僅供記載意見回饋。了解如何取得 HubSpot 的協助