快速查找關於HubSpot設計管理工具的答案和一般資訊。 此資源還包括為CMS工作的設計師提供更多資源的連結。
欲了解更多關於在HubSpot上設計的資訊,請查看 HubSpot學院的Growth Driven Design認證 和 HubSpot的CMS文件。
設計認證是一種免費認證,包括影片訓練和設計實驗。
HubSpot的CMS文件包括:
與HubSpot設計師社羣互動的最佳資源是 HubSpot設計論壇。 此論壇由具有設計專業知識的HubSpot設計師和HubSpot用戶監控。
有關HubSpot API開發的問題,請參閱開 發者論壇。
截至2020年5月27日, FTP爲日落,由CMS CLI取代。 進一步了解此公告。
雖然全局模組可以 轉換回本地模組,但全局羣組不能。 若要編輯單個範本的全局羣組,請複製全局羣組,然後將複製新增至您的模板。
HubSpot佈局編輯器使用 基於Bootstrap 2.x的12列網格系統,允許模板設計師在HubSpot內容平臺中快速建立完全回應的 網頁 。
所有HubSpot拖放布局都會自動包含layout.css ,讓模組自動回應。 如果你想使用不同或自定義的響應網格,如Bootstrap 3 ,你需要覆蓋layout.css中的CSS或使用coded模板,其中layout.css不附加。
網誌內容模組允許您 編輯文章標記和房源佈局 ,以控制文章項目的各元素渲染位置。
所有模板佈局、編碼檔案和 網頁都有修改紀錄 ,讓您可以回滾到模板或內容的任何版本。 對於模板或編碼檔案,按一下 操作 > 檢視修改 以存取修改記錄。
V1模組框架使用引用模組欄位。 V2框架使用引用模組字段。
然而,在v2框架中使用將繼續如預期處理。 不需要更新您的自訂模組以參考「模組」。"
這些檔案不必使用「get_public_template_url」存取 JavaScript 和 CSS檔案,現在可以直接附加到「 連結檔案」 部分的模組側邊欄編輯器 。 此處包含的CSS和JS檔案將使用模組自動載入頁面。
HTML和HubL模組已被移除。 這些模組為開發者提供了快速的方式,可以將HTML和HubL片段新增到模板中。 不過,模板可能會讓人難以理解和編輯。 為了使模板更具可預測性和維護性,這些模組已被移除,以利於將所有代碼保留在自訂模組的範圍內。
如果您需要在網站的頁面層級新增HTML ,可以在 HubSpot市場下載HTML模組。
如果您使用第三方腳本,您將會將腳本檔連結到模組編輯器中的 「 已連結檔案」部分。 然後,您可以在編輯器的JS部分中觸發外掛程式 。 如果您需要將參數傳送到插件,您可以使用編輯器的HTML + HubL部分中的資料屬性來儲存這些值。
如果你在電子郵件中使用自訂模組, CSS和JS部分將不會出現在編輯器中,因為大多數電子郵件客戶不支援樣式表和JavaScript。 對於電子郵件模組,您仍然可以在< style >標籤中包含必要的風格。
如果你在網頁或網誌文章上使用某個模組, JS和CSS區段將會按預期顯示。
設計經理的v2中的模組包裹在< div >標籤中,但舊設計經理的模組包裹在< span >標籤中。 此變更只會影響您的模組,如果你正在參考風格表中的模組跨度。 例如,以下聲明將不適用於新的設計管理器:
span # hs_cos_wrapper_widget_5038393204 { Color: blue; }
您可以用< div >標籤替換< span >標籤。 但是,不建議依靠預設的HubSpot包裹寫入CSS。 最好使用自定義CSS類別,例如“my-custom-module”。
進一步了解如何識別和解決嵌套模組錯誤。 對於在多個模板上使用的嵌套模組,最好 先複製模組, 以防止頁面級內容的損失。 然後,解決複製模組中的錯誤,並在模板中使用該複製。
你可以將菜單欄位新增至模組或編輯模組的全局內容,而不必在自訂模組中使用來新增全局羣組。
是的,您可以在模組編輯器中編輯所有舊模組。 您會看到v2模組框架中不支援的任何代碼的驗證警告和建議,但您可以在HubSpot中繼續編輯和使用這些模組。
雖然您可以保留所有現有的自訂模組,但您將無法使用舊框架建立新的模組。 如果您複製遺留模組,將在新模組框架中建立複製模組。