Divi 5 告別短代碼。這就是為什麼它很重要

已發表: 2024-10-01

Divi 長期以來被認為是最強大、最通用的 WordPress 主題之一。隨著 Divi 5 的推出,我們正在改變一切。在 Divi 的早期版本中,短代碼(小程式碼片段)充當 Divi 設計模組的佔位符,讓 Visual Builder 透過後端命令產生複雜的佈局和樣式。

隨著 Divi 5 的發布,短代碼消失了,我們從頭開始完全重寫了框架。在這篇文章中,我們將探討 Divi 的新框架(與古騰堡塊類似建造)如何比以往更有效率和強大。

了解有關 Divi 5 Public Alpha 以及如何下載的更多資訊。

下載 Divi 5 公共 Alpha 版

目錄
  • 1什麼是短代碼?
  • 2 Divi 過去如何使用簡碼
  • 3為什麼我們在 Divi 5 中不再使用簡碼
    • 3.1改進的性能
    • 3.2提高通用性
    • 3.3提高穩定性
    • 3.4提高交叉相容性
  • 4轉向基於區塊的可視化建構器系統
  • 5對現有 Divi 網站有何影響?
  • 6 Divi 5:更快、更乾淨、更靈活

什麼是短代碼?

短代碼旨在讓使用者更輕鬆地在其網站上添加複雜的內容和功能,而無需長格式程式碼。例如,使用者可以插入像[ gallery ] 這樣的短程式碼,而不是在 HTML 和 CSS 中手動編碼整個表單或圖片庫,並且 WordPress 將在渲染頁面時自動產生必要的元素。

短代碼背後的想法是讓 WordPress 更加用戶友好。這些簡短的片段可以運行自訂功能並呈現自訂元素,這些元素可以輕鬆地在整個網站中重複使用。

Divi 過去如何使用簡碼

Divi 使用 WordPress 的原生短代碼系統來組織其建構器元素,每個短代碼就像更大設計中的單一構建塊。

例如,當使用者在 Visual Builder 中新增按鈕時,Divi 在幕後插入該按鈕的短代碼,定義其所有屬性,如顏色、大小、邊框半徑等。幕後,Divi 堆疊短程式碼來定義和渲染每個元素。

如果您曾經停用 Divi 並造訪過使用 Divi Builder 建立的頁面,您會看到下面的這些短代碼。

Divi 4 頁簡碼

為什麼我們在 Divi 5 中不再使用簡碼

WordPress 正在從短代碼轉向區塊。僅出於這個原因,Divi 就必須放棄對短代碼的依賴,而短代碼將不可避免地被棄用。 Divi 4 活在過去,而 Divi 5 則面向未來。但還有更多的搬家理由,這將使 Divi 用戶受益匪淺。

提高性能

第一個原因是性能。解析使用短代碼建構的頁面效率較低,因為它沒有適當的層次結構。 Divi 只是需要更長的時間來獲取大量的簡碼內容並理解它。此外,WordPress 呈現短代碼內容的速度還有待提高。 Divi 4 正在將這個系統推向極限。

提高多功能性

第二個原因是多功能性。短代碼並未被設想為複雜的嵌套設計系統的一部分。 Divi 4 必須克服重重困難,以避免在部分內的列內的行內嵌套模組時出現問題,並且添加更多的可嵌套性(例如列內的列)會帶來全新的麻煩。 Divi 5 透過其新的儲存格式解決了這個問題,允許無限嵌套元素。

提高穩定性

第三個原因是穩定性。作為 API,短代碼有其限制。使用括號和屬性來儲存複雜資料的方式意味著一個惡意字元可能會導致整個系統崩潰。 Divi 5 的 bug 會更少,因為出錯的地方會更少。

改進的交叉相容性

第四個原因是交叉相容性。 Divi 5 的新儲存格式模仿了 WordPress 的本機區塊,使 Divi 和 Gutenberg 更容易相互溝通。

這是一個巨大的改變。我們必須重新開始!但這對 Divi 的長期生存能力非常重要。

轉向基於區塊的可視化建構器系統

認識到需要更現代的方法,Divi 5 已經放棄了短代碼,轉而採用符合 WordPress 未來的基於區塊的方法。 Divi 5 不依賴短程式碼,而是模仿 WordPress 的基於區塊的架構。刪除 Divi 5 中的短代碼是讓 Divi 更快、更靈活、更易於使用的更大努力的一部分。透過消除舊框架,Divi 5 實現了顯著的性能改進。

在靈活性方面,Divi 5 允許更動態和可擴展的網站建置功能。這個現代的新框架可以輕鬆擴展並整合更複雜的功能,而這對於 Divi 4 的基於短代碼的框架來說是不可能的。

對現有 Divi 網站有何影響?

對於許多 Divi 長期用戶來說,最迫切的問題是他們使用 Divi 4 建立的現有網站會發生什麼。雖然 Divi 5 確實消除了新網站建置中的短程式碼,但現有網站不會受到影響。

Divi 5 附帶一個遷移器,可以將所有 Divi 5 短代碼轉換為 Divi 5 塊。只需單擊一個按鈕即可輕鬆完成!

Divi 5 的設計還具有向後相容性,確保您的網站即使在遷移之前也能繼續正常運作。如果 Divi 5 偵測到舊的短程式碼,它將以向後相容模式運行,直到該內容正確遷移或您的第三方模組已更新以支援 Divi 5。

Divi 5:更快、更乾淨、更靈活

刪除 Divi 4 基於短代碼的框架是向前邁出的重要一步。

想親自體驗不同嗎?現在是測試 Divi 5 Alpha 並熟悉其最大變化的最佳時機。幫助我們找到錯誤並使 Divi 5 的最終版本變得更好。

請記住僅在本地或臨時站點上測試 Divi 5 Alpha。在此階段,您可能會遇到許多錯誤,尤其是在遷移過程中。如果您不想參與錯誤測試階段,請稍後再加入。