使用佈局編輯器結構和自訂範本

使用設計管理員中的版面編輯器來組織和自訂拖放範本。透過安排模組、群組和欄位，您可以控制內容在各頁面的結構。這也讓內容建立者在頁面編輯器中有更多的控制權。

開始之前

在使用設計管理員中的版面編輯器結構化和自訂頁面之前，請檢閱需求和注意事項。

瞭解限制與注意事項

• 範本的變更會套用到使用該範本的所有內容。
• 某些功能（例如彈性欄位）僅適用於頁面範本。

組織範本

使用版面編輯器來組織範本內的內容。

1. 在你的 HubSpot 帳戶中，瀏覽「內容」>「設計管理工具」。
2. 在搜尋器中，按一下範本以在版面編輯器中開啟它。

新增及排列模組

模組是範本版面的建構塊。將一個模組拖曳到另一個模組旁邊可建立欄位。將一個模組拖曳到另一個模組之上，可將模組群組。

1. 在檢閱器中，按一下+ 新增。
2. 輸入文字搜尋模組，然後按一下模組。
3. 將模組拖曳到版面編輯器中。

變更欄位寬度

若要變更欄寬，請

1. 在版面編輯器中，將滑鼠懸停在兩個模組之間。
2. 按一下並水平拖曳，調整欄寬。

組合模組

將模組群組以組織範本的區段。

若要組合模組：

1. 在版面編輯器中，選取一個模組。
2. 按住Control(Windows) 或Command(Mac) 鍵，然後選擇其他模組。
3. 在檢閱器中，按一下groupModule 群組模組 圖示。

請注意： 模組群組不能跨越區段分隔線或包含部分選取的模組。

水平分割模組

分割模組可將模組分成兩半，產生兩個模組。

分割模組

1. 在版面編輯器中，按一下模組

2. 在檢閱器中，按一下splitModule 分割模組圖示。

將模組居中

使用水平墊片使模組和群組在頁面上居中，或在模組和群組的兩側添加空白空間。

若要新增水平墊片，請

1. 在檢閱器中，按一下+ 新增。

2. 在搜尋欄位中輸入水平間隔。然後在版面編輯器中，將水平間隔模組拖曳到範本上的位置。

3. 若要變更水平間隔的大小， 請變更將 其與其他模組分隔 的列寬度 。

4. 若要使模組或群組居中，請在兩側各加入水平間隔模組。

新增彈性列

彈性欄的設計是為了讓內容建立者更容易在頁面層級進行內容管理。在 HubSpot 頁面範本中加入彈性欄後，使用者將可選擇在個別頁面編輯器中新增、移除及重新排列模組。此功能可讓設計人員建立較少的範本，同時仍可讓行銷人員彈性地自訂每個頁面，以符合他們的需求。

1. 在檢閱器中，按一下+ 新增。

2. 在「搜尋」欄位中輸入彈性欄。然後將Flexible Column模組拖曳到版面編輯器中模板的位置。

自訂您的範本

當您構建好範本的版面後，就可以更換模組，並進行其他範本自訂。

編輯模組選項

編輯模組的選項包括樣式設計、預設內容，並可能因模組的特定類型而異。進一步了解編輯模組 CSS 和預設內容與設定。

1. 在版面編輯器中，按一下模組。
2. 在檢閱器中，自訂模組的選項。

交換模組

將模組加到範本後，您可以選擇將它交換成另一個模組。

1. 在版面編輯器中，右鍵按一下模組，然後選擇交換模組。

2. 在彈出式視窗中，選擇要取代原始模組的模組 。

轉換為全局模組

將模板中的模組轉換為全局模組，可在多個模板中使用。當您以特定方式設計模組，或模組的預設內容希望在其他範本中重複使用時，請使用此功能。

1. 在版面編輯器中，按一下模組。
2. 在檢閱器中，按一下更多下拉式功能表，然後選擇轉換為全局模組。
3. 在對話方塊中，輸入全局模組名稱，然後按一下建立。

刪除模組

1. 在版面編輯器中，按一下模組。

2. 在檢視器中，按一下delete 垃圾桶圖示。

在搜尋器中管理您的範本

除了您的模組選項之外，您還可以針對您的模版執行幾項特定動作。

1. 在搜尋器中，按一下範本的名稱。
2. 按一下動作下拉式功能表，然後選擇選項：
   • 複製到不同的帳戶：將範本複製到另一個您也是使用者的帳戶。從市場購買的範本無法複製到其他入口網站。
   • 複製範本：這會建立與您的範本完全相同的複本，在您想要建立現有範本的變體時非常有用。
   • 複製為 HTML：這會為您的拖放範本建立獨立的 HTML 版本。如果您需要對標記進行更多控制，或者您想瞭解更多關於模板編碼的資訊，這將非常有用。
   • 檢視模板來源：檢視模板的 HTML 原始碼。與Clone to HTML 選項不同，此選項不會為您的模板創建獨立的 HTML 版本。
   • 重新命名模板：編輯模板的內部名稱。
   • 顯示依賴者：檢視目前使用範本的所有頁面、電子郵件或部落格。
   • 顯示修訂歷史：檢視範本的修訂歷史，並選擇將您的範本還原為先前發佈的版本。
   • 建立電子郵件/頁面：直接從模板建立電子郵件或頁面。
   • 刪除範本：刪除範本。範本刪除後，會保留 30 天，之後就會永久刪除。若要還原範本，您需要聯絡客戶支援。