在本文開頭的影片中,我向您展示了 HubSpot「拖放」模板的範例,該模板具有示意性外觀且易於理解。很容易看出內容的結構。
HubSpot CMS 中的常規模板選項
在側邊欄中,我們將有所選元素的選項。如果我們不選擇就輸入,我們會找到整個模板的通用模板(新增程式碼、內聯樣式等)。主要區域有一系列元素。有些是容器,它們幫助我們將其他元素、容器和模組分組。
cms huspot 常規選項模板
例如,如果我們選擇一個,它首先會建立一個框架,我們可以在其中添加其他選項,例如按層次結構放置在內部元素之上的特定類別。例如,這在工作和應用程式樣式時非常有用。
如果我們單擊一個模組,出現的選項將特定於該模組。從樣式選項到該模組本身為您提供的元素和選項。每一個都會為您提供與其代表的模組類型相關的選項。
建立內容頁面時也可以自訂這些選項。從這裡可以啟用某些選項。例如,徽標或表格、圖像或文字。
使用此範本可以完成的其他操作是預覽,帶或不帶佈局選項。這些選項可讓您自訂視窗的高度或寬度,以查看它在不同裝置上的表現。在影片中,我展示了預設模板的樣子。
讓我們看看如何修改它的外觀。在影片中,我們透過交換圖像與段落的位置、轉到模組並移動容器來實現這一點。
請記住,雖然預設會儲存更改,但如果我們希望將它們套用到已發布的頁面,則必須選擇「發布更改」選項。
最後,透過新增元素,我們可以將我們想要的所有模組合併到HubSpot帳戶中。即使是在該工具內從一個帳戶轉移到另一個帳戶的資訊。
在影片中,我展示瞭如何添加帶有圖像的新模組。列會自動複製,然後您可以修改列的寬度並使用容器選項產生一個群組,您可以在其中套用特定的樣式。
當您進入預覽時,會出現新新增的元素。在點擊發布變更選項之前,頁面使用者不會看到這些內容。
使用這些類型的模板發布具有明確定義結構的頁面非常容易,儘管它需要一些 CSS 樣式工作。考慮製作一個新的登陸頁面嗎?您想更新您的感謝頁面嗎?
在 HubSpot CMS 中與 HubL 混合的 HTML 文件
另一種可以在模板中製作的文件類型是與 HubL 混合的 HTML 文件。在影片中 香港whatsapp號碼數據5萬 ,我展示了一個範例,您可以在其中看到 HTML 程式碼與動態程式碼混合。
CMS 集線器 集線器 集線器
我們在HubSpot 開發人員部分提供了有關 HubL 的所有文件。在那裡您可以看到此程式碼提供的可能性。
除了 HTML 範本之外,我們還有CSS 和 JavaScript 文件,其優點是您還可以進行一些動態程式碼插入,以便能夠產生稍微更聰明的文件。例如,影片示範如何將 CSS 檔案包含在其他檔案中,或嵌入可在 CSS 檔案的其餘部分或其他連結檔案中重複使用的變數。這節省了我們的時間並提高了效率。