CSS (層疊樣式表)檔案是選擇頁面元素並控制其演示文稿的編碼檔案。 CSS檔案無法附加到電子郵件或電子郵件範本。
本文介紹如何在HubSpot中建立、發佈和附加CSS檔案。 你可以了解如何對特定頁面進行簡單的設計變更。 如果你使用佈景主題範本,請了解如何編輯佈景主題設定。
建立或開啟現有的CSS檔案後,請在程式碼編輯器中進行編輯。 除了標準CSS之外,程式碼編輯器還支援HubL變數和巨集,以便更輕鬆地維護CSS。 若要預覽HubL的渲染方式,請按一下以切換編輯器頂部的顯示輸出開關。 右側將打開一個面板,顯示渲染的預覽。
若要查看HubSpot範本的標準CSS選擇器清單,請參閱Boilerplate CSS。
發佈代碼前,請檢查代碼是否有HubL錯誤。 在自訂模組或編碼檔案中,有三個地方可以找到HubL錯誤或警告:
無法發佈的錯誤會顯示為紅色,而一般警告則會顯示為黃色。 在程式碼編輯器底部,按一下顯示詳細資訊,即可在錯誤主控臺中查看更多有關錯誤的資訊,並按一下隱藏詳細資訊,即可折疊錯誤主控臺。
在錯誤主控臺中,只要程式碼或自訂模組中出現HubL錯誤或警告,就會顯示連結。 將滑鼠遊標懸停在程式碼編輯器左側的紅色錯誤指示器上,即可查看程式碼中的錯誤或警告。 點擊錯誤將使光標循環到該行上的所有錯誤或警告。 單擊滾動條批注將帶您到文件的該部分。
您也可以在程式碼編輯器中按一下行號,並取得相應的檔案更新網址。 這樣您就可以與其他人分享程式碼的連結,並將他們引導至您在檔案中工作的確切位置。
編輯檔案後,按一下右上角的發佈變更。 如果您想在其他編碼範本中呼叫此樣式表,請按一下左側邊欄選單中的「操作」>「複製公開網址」,複製工作表的網址。
在HubSpot中,您可以通過幾種不同的方式爲內容附加樣式表。 以下是您網站上附加樣式表的連結順序:
*必填
* *需要拖放布局
* * *建議範本版面配置的樣式表附件方式
若要將樣式表附加至範本,請在設計管理員中開啟範本。 在「標頭與內文選項」下的右側欄選單中,從「連結的樣式表」旁邊的「新增」下拉式選單中選擇一個檔案。
您可以編輯或移除已附加的樣式表,方法是將遊標暫留於該樣式表上,然後按一下「編輯」以進行變更,或按一下「X」以移除該樣式表。
新增樣式表後,按一下右上角的「發佈變更」,即可使用範本將變更套用至即時分頁。
請注意:此選項不適用於佈景主題範本。 了解如何編輯佈景主題設定。
要從頁面編輯器的設置部分添加或刪除頁面特定的樣式表:
前往你的內容:
請注意:主題範本必須包含註解enableDomainStylesheets: true ,才能使用網域層級的樣式表。 深入瞭解範本註解。
若要在網域上的所有內容中新增或移除樣式表:
請注意:降級到HubSpot的Starter或免費工具時,附加的網域級樣式表將保持有效,直到您刪除它們。 移除所有樣式表後,您便無法再在網域層級附加樣式表。 深入瞭解如何降級訂閱。