了解如何設定和自訂現有的拖放範本,以及如何將模組、羣組和欄位作為範本的構建基塊。
通過使用設計管理器中的布局編輯器,您可以快速構建內容布局,而無需編寫任何HTML。
若要將模組新增至佈局,請按一下佈局檢視器頂部的 +新增。 搜索或選擇 模組,然後將其拖動到您希望模組在佈局中呈現的位置。 將模組拖曳到其他模組之上將會建立欄位或組合模組。
若要變更欄位的寬度,請在模組之間懸停,然後單擊並水平拖動。
模組組是組成頁面不同部分的模組單位。
若要組合兩個模組,請按一下第一個模組,然後按住Control/Command鍵並選擇第二個模組。 如果您要組合兩個以上的模組,請重複此步驟。 接下來,按一下模 組檢查器中的羣組圖示groupModule。
請注意:模塊組不能跨越部分分隔符或包含部分選擇的模塊組。
拆分一個模組會將模組分成兩半,形成兩個模組。 若要拆分模組,請按一下該模組,然後按一下模組檢查器
拆分模組圖示splitModule。 或者,您可以右鍵單擊佈局中的模塊,然後選擇拆分模塊。使用橫向間隔,您可以在頁面上將模組和羣組居中,或在其兩側添加空白空格。 若要新增橫向間隔,請按一下佈局檢視器頂部的+新增。 找到 Horizontal Spacer ,然後將其拖放到模板中。
若要變更橫向間隔器的大小,請變更將其與其他模組分開的欄位的寬度。 若要使模組或羣組居中,請在每邊添加水平間隔物。
靈活的列旨在使內容創作者更容易在頁面級別進行內容管理。 當一個靈活的列被添加到HubSpot頁面範本時,用戶將可以在單個頁面編輯器中添加,刪除 和重新排序模組。 此功能允許設計師創建更少的模板,同時仍然允許營銷人員靈活地定制每個頁面以滿足他們的需求。
若要新增靈活的欄位,請按一下佈局檢查員頂部的+新增 。 找到 Flexible Column ,然後將其拖放到模板中。
一旦你構建了範本的總體佈局,你就可以交換模組並進行其他範本自訂。
您可以點擊佈局編輯器中的模組來編輯 模組的選項。 在右側的模組檢查器中,您將看到模組的可編輯選項。 這些選項通常包括樣式、預設內容和編輯器選項,並可能因特定類型的模組而有所不同。 了解更多關於編輯模組CSS和預設內容和設置。
在範本中添加模板後,您可以選擇將其替換為另一個模板。 在佈局編輯器 中右鍵按一下該模組,然後按一下交換模組。 在出現的下拉菜單中,選擇要替 換原始模組的模組。
您可以將範本中的模板轉換為全局模板,可以在多個範本中使用。 當您以某種方式設計模組時,和/或在模組中具有要在其他模板中重複使用的預設內容時,這非常有用。
若要刪除模組,請按一下佈局編輯器中的模組,然後按一下模組檢查員 中的垃圾桶圖示
。 或者,您可以右鍵按一下模組,然後選擇刪除模組。除了模板選項外,您還可以根據模板執行幾項操作。