Divi 5 和遠離短代碼

我帶著 Divi 5 的另一次更新回來了！ 如您所知，我們正在進行一個重新創建 Divi Builder 的大型項目，重點是效能和可擴展性等基礎改進。

我每個月都會快速更新，讓社區了解我們的進展。 上個月，我宣布發布Divi 5 Dev Beta，這是Divi 5 發布之前的四個測試階段中的第二個。隨著Dev Beta 的發布和Divi 5 API 的完成，我們正在努力實現公共Alpha 版，確保我們完成了足夠的 Divi 核心功能，使第一個公共測試版本能夠廣泛使用。

這個月我們取得了什麼成就

這個月我們完成了很多工作，完成了更多 Divi 模組的轉換，例如 Accordion 模組、Social Follow 模組、Icon 模組、Search 模組和 Code 模組。 我們修復了更多錯誤，進行了更多改進，更新了更多文檔，並繼續邁向公共 Alpha 階段。

以下是最新的 Divi 5 變更日誌條目。

• 為 Divi 5 新增了地圖和地圖圖釘模組
• 新增了 Divi 5 的定價表和定價表模組
• 為 Divi 5 新增了滑桿和幻燈片模組
• 新增了 Divi 5 的視訊模組
• 透過雲端應用程式將預製佈局匯入視覺生成器。
• 修正了動態內容按鈕，使其也顯示在填滿的文字方塊中。
• 在模組設定模式中新增了嵌套選項組的 UI 增強功能。
• 從鍵入的 ts 檔案產生 module.json 以確保模組元資料屬性值得到驗證。
• 更新了 PHP 快照測試
• 修正了當子主題處於活動狀態時阻止 Divi 樣式表在生成器中載入的錯誤。
• 修復了退出視覺生成器的投資組合連結。
• 修正了重置自訂懸停影像會導致 FE 發生衝突的問題。
• 修正了幫助模式大小問題：取消幫助模式會導致其顯示大於原始大小。
• 修復了 Divider 模組的預設權重。
• 修正了 Blurb 模組的圖示預設大小。
• 預設情況下，將 CTA 和登入按鈕邊框和文字顏色更新為空白。
• 將 elementType imageLink 引入 ModuleElements 類，用於呈現連結的圖像元素。
• 將 elementType 包裝器引入 ModuleElements 類別中，用於呈現包裝器元素。
• 將 elementType 圖像引入到用於渲染圖像元素的 ModuleElements 類別中。
• 修正了程式碼模組 D4 和 D5 之間的 HTML 差異。
• 為 Divi 5 添加了手風琴和手風琴項目模組
• 為 Divi 5 添加了社交媒體和社交媒體項目模組
• 新增了 Divi 5 的圖示模組
• 新增了 Divi 5 的搜尋模組
• 為 Divi 5 新增了全角代碼模組
• 為 Divi 5 PHP Action 和 Filter Hooks 建立文件產生器。
• 更新了 PHP 操作掛鉤文件聲明。
• 更新了 PHP 過濾器掛鉤文件聲明。
• 更新了 PHP API 的文檔。
• 為模組設定和一般模式新增了 UI 增強功能。
• 更新了教程以納入模組開發的最新改進。
• 新增了新的字段庫元件：警告
• 重構“animationClassnames”實現
• 在“module.json”上為模組元資料添加了“moduleClassname”和“moduleOrderClassname”屬性
• 新增了 `ModuleElement.scriptData()` 方法
• 新增了 `ModuleElement.styleComponents()` 方法
• 新增了啟動增強 UI 的選項
• 修復了更改動畫樣式導致模組崩潰的問題。
• 修正了在狀態選擇器模式中未選擇正確狀態（桌上型電腦、平板電腦等）的問題。
• 修復了黏性選擇器不正確的問題。
• 修正了文件網站中剩餘的 defaultAttrs 和 defaultPrintedStyleAttrs 引用
• 修正瞭如果未明確聲明字段道具，模組設定字段無法正確處理響應/懸停/粘性值的問題
• 修正了 Firefox 中頁面設定列按鈕中的圖示不居中的問題
• 修正了 Blurb 模組中將連結選項從 D4 匯入到 D5 的問題。
• 修正了 CTA 模組中從 D4 到 D5 導入連結選項的問題。
• 修正了選項卡模組的內容面板中顯示動態子項目標題的問題。
• 固定的垂直和水平偏移不適用於全角標頭模組中的相對位置。
• 在主題樣式之後正確排列包樣式
• 更新了開發測試版教學中使用的函數的文件頁面

我們來談談短代碼

我還想花點時間討論 Divi 5 最重要的變化之一，即刪除短代碼並遷移到符合 WordPress 未來的更現代的儲存格式。

為什麼要放棄短代碼？

Divi 5 放棄短代碼有幾個好處。 首先，隨著越來越多的用戶傾向於新編輯器，WordPress 將不可避免地棄用短代碼，而我們希望保持領先地位。

短代碼也有局限性，使得完成某些事情變得困難或不可能，例如無限嵌套的元素，並且它們還具有固有的問題，這些問題經常引起醜陋的注意，例如帖子內容中的特定字符破壞了短代碼邏輯，這導致解決根本問題的過於複雜的解決方案。

短代碼的效能也較低，因為解析它們可能需要複雜的正規表示式。 另一方面，我們的新儲存格式更容易解析，這將導致效能的小幅提升。

最後，在離開 Divi 後，貼文內容中會殘留短代碼，這在 Divi 5 中將不再是問題。如果您使用 Divi 5 建立網站，然後切換到新主題或建構器，您將從空白開始，而不是在貼文內容中使用不需要的短代碼。

如何在現有網站上遷移短代碼？

為了進行此切換，我們需要以程式設計方式搜尋您的網站並將短代碼轉換為新格式。 升級到 Divi 5 後，您將啟動一個遷移程序來完成轉換。 舊的 Divi 4 短程式碼仍然可以與 Divi 5 一起使用，但它們會帶來效能成本，我們建議每個人遷移他們的網站並更新他們的第三方 Divi 模組，以便您的整個網站都使用 Divi 5 框架。

另一方面，如果您在 Divi 5 中建立新網站，則所有內容都將預設使用新框架。 庫中的舊版面配置或從 Divi 4 匯出的舊版面配置將在匯入時自動轉換為 Divi 5 格式。

敬請期待更多的更新

這就是本月 Divi 5 更新的全部內容。 在其他新聞中，我們將在未來幾週內發布 Divi AI 的更新，該更新將允許您使用 AI 生成程式碼，從而比以往更輕鬆地自訂 Divi 及其模組。 對於那些喜歡擺脫 Divi 的設計設定並編寫自己的 CSS 的人來說，我想您會發現此更新非常有用。

請繼續關注，我們將在下次更新中見到您。 透過電子郵件關注我們並訂閱我們的 YouTube 頻道以獲取所有最新消息。