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

設計經理|常見問題

上次更新時間: 六月 28, 2023

可与下列任何一种订阅一起使用,除非有说明:

所有產品和版本
{%- set hs_blog_post_body -%} {%- set in_blog_post_body = true -%}

快速查找關於HubSpot設計管理工具的答案和一般資訊。 此資源還包括為CMS工作的設計師提供更多資源的連結。

在哪裡可以了解更多關於在HubSpot上設計的資訊?

欲了解更多關於在HubSpot上設計的資訊,請查看 HubSpot學院的Growth Driven Design認證 和 HubSpot的CMS文件。 

設計認證是一種免費認證,包括影片訓練和設計實驗。 

HubSpot的CMS文件包括:

我可以使用HubSpot資源來排除自訂代碼設計或HubL的疑難嗎?

與HubSpot設計師社羣互動的最佳資源是 HubSpot設計論壇。 此論壇由具有設計專業知識的HubSpot設計師和HubSpot用戶監控。

有關HubSpot API開發的問題,請參閱開 發者論壇。 

如何取得HubSpot的FTP存取權限?

截至2020年5月27日, FTP爲日落,由CMS CLI取代。 進一步了解此公告

我可以為單一範本編輯全局羣組嗎?

雖然全局模組可以 轉換回本地模組,但全局羣組不能。 若要編輯單個範本的全局羣組,請複製全局羣組,然後將複製新增至您的模板。

HubSpot模板生成器使用哪種版本的bootstrap ?

HubSpot佈局編輯器使用 基於Bootstrap 2.x的12列網格系統,允許模板設計師在HubSpot內容平臺中快速建立完全回應的 網頁

我可以使用我自己的響應式網格與HubSpot模板?

所有HubSpot拖放布局都會自動包含layout.css 讓模組自動回應。 如果你想使用不同或自定義的響應網格,如Bootstrap 3 ,你需要覆蓋layout.css中的CSS或使用coded模板,其中layout.css不附加。

如何重組我的網誌文章和旅居佈局?

網誌內容模組允許您 編輯文章標記和房源佈局 ,以控制文章項目的各元素渲染位置。 

是否可以還原到以前版本的模板?

所有模板佈局、編碼檔案和 網頁都有修改紀錄 ,讓您可以回滾到模板或內容的任何版本。 對於模板或編碼檔案,按一下 操作 > 檢視修改 以存取修改記錄。 

Design Manager v2

引用模組欄位時,「小工具」和「模組」有什麼不同?

V1模組框架使用{{widget.field}}引用模組欄位。 V2框架使用{{module.field}}引用模組字段。

然而,在v2框架中使用{{widget.field}}將繼續如預期處理。 不需要更新您的自訂模組以參考「模組」。"

如何附加沒有“get_public_template_url”的JS和CSS文件?

這些檔案不必使用「get_public_template_url」存取 JavaScript 和 CSS檔案,現在可以直接附加到「 連結檔案」 部分的模組側邊欄編輯器 。 此處包含的CSS和JS檔案將使用模組自動載入頁面。

如何向模板中添加自定義HTML或自定義HubL模塊?

HTML和HubL模組已被移除。 這些模組為開發者提供了快速的方式,可以將HTML和HubL片段新增到模板中。 不過,模板可能會讓人難以理解和編輯。 為了使模板更具可預測性和維護性,這些模組已被移除,以利於將所有代碼保留在自訂模組的範圍內。

如果您需要在網站的頁面層級新增HTML ,可以在 HubSpot市場下載HTML模組

如何在自定義模塊中使用JS插件?

如果您使用第三方腳本,您將會將腳本檔連結到模組編輯器中的 「 已連結檔案」部分。 然後,您可以在編輯器的JS部分中觸發外掛程式 。 如果您需要將參數傳送到插件,您可以使用編輯器的HTML + HubL部分中的資料屬性來儲存這些值。

升級時,系統會詢問我想在哪裡使用此模組。 這些選項有什麼不同?

如果你在電子郵件中使用自訂模組, CSS和JS部分將不會出現在編輯器中,因為大多數電子郵件客戶不支援樣式表和JavaScript。 對於電子郵件模組,您仍然可以在< style >標籤中包含必要的風格。

如果你在網頁或網誌文章上使用某個模組, JS和CSS區段將會按預期顯示。upgrade-design-manager-modules

設計經理的v2中的模組的編碼方式是否有任何變化?

設計經理的v2中的模組包裹在< div >標籤中,但舊設計經理的模組包裹在< span >標籤中。 此變更只會影響您的模組,如果你正在參考風格表中的模組跨度。 例如,以下聲明將不適用於新的設計管理器:

{% raw %}
 span # hs_cos_wrapper_widget_5038393204 { Color: blue; }
{% endraw %}

您可以用< div >標籤替換< span >標籤。 但是,不建議依靠預設的HubSpot包裹寫入CSS。 最好使用自定義CSS類別,例如“my-custom-module”

升級模組時,我會收到「嵌套模組」錯誤。 如何解決這個問題並發佈模組?

進一步了解如何識別和解決嵌套模組錯誤。 對於在多個模板上使用的嵌套模組,最好 複製模組, 以防止頁面級內容的損失。 然後,解決複製模組中的錯誤,並在模板中使用該複製。

如何在模組中新增全局羣組?

你可以將菜單欄位新增至模組或編輯模組的全局內容,而不必在自訂模組中使用{% include %}來新增全局羣組。 

我可以在新的設計管理器中使用我的v1自訂模組嗎?

是的,您可以在模組編輯器中編輯所有舊模組。 您會看到v2模組框架中不支援的任何代碼的驗證警告和建議,但您可以在HubSpot中繼續編輯和使用這些模組。

雖然您可以保留所有現有的自訂模組,但您將無法使用舊框架建立新的模組。 如果您複製遺留模組,將在新模組框架中建立複製模組

{%- endset -%} {%- set hs_blog_post_summary -%}

快速查找關於HubSpot設計管理工具的答案和一般資訊。 此資源還包括為CMS工作的設計師提供更多資源的連結。

{%- endset -%} {%- blog_post_data_wall_wrapper body={{hs_blog_post_body}}, summary={{hs_blog_post_summary}} %}
 
 
這篇文章有幫助嗎?
此表單僅供記載意見回饋。了解如何取得 HubSpot 的協助