Divi 5 進展更新：探索 Divi 5 的可擴展性
已發表: 2023-07-07我回來了，帶來了另一個 Divi 5 進度更新。 如果您不熟悉 Divi 5，請查看我們最初的公告帖子。 簡而言之，我們正在 Divi 5 中從頭開始重新創建構建器，重點關注性能、穩定性、可擴展性和可擴展性。 它不會帶來很多新功能，但它會更快、更強大，並且將為我們的團隊和社區提供我們所需的工具，讓我們能夠通過出色的新模塊和功能開始運行。
上個月，我進行了 Divi 5 Visual Builder 的演示，展示了其閃電般的速度，所以如果您錯過了該視頻，請務必觀看。
我將在本月的更新中討論 Divi 5 的可擴展性並進行快速演示。 但首先，我們來談談我們的團隊在過去一個月裡做了什麼。
這個月我們取得了什麼成就
上個月我們取得了很大進展。 我們即將推出 Divi 5 Dev Beta，這是 Divi 5 Beta 計劃的下一階段，我希望在下一次更新中宣布它的發布。
在最後衝刺階段，我們仍然專注於簡化模塊創建過程，以便社區和我們團隊的創建者可以更快地構建 Divi 5 模塊。 我們在此階段所做的工作將在後續階段中得到回報，最終目標是讓您更快地獲得 Divi 5。
變更日誌條目：
- 重構了所有當前構建的模塊，以納入新的和改進的基於元素的屬性系統。
- 在 packages/module-utils 中添加了 saveInlineEditorValue Util 函數以存儲內聯文本編輯器中的值
- 在packages/module-utils中添加了canEditInline Util函數來檢查模塊屬性是否可以內聯編輯
- 向內聯文本編輯器添加了 onPaste 處理程序事件以處理剪貼板數據
- 在生成器中將內聯文本編輯器基於事件的類名替換為 data-* 選擇器（例如：et-vb-editable-element–empty、et-vb-editable-element–html）。
- 使用 data-* 選擇器更新了內聯文本編輯器的 CSS（例如：[data-et-vb-editable-element]）。
- 更新了內聯文本編輯器以檢查模塊是否可編輯以及用戶是否具有適當的編輯權限
- 重構鍵盤快捷鍵存儲，在內聯文本編輯器處於編輯模式時禁用快捷鍵
- 為標題的音頻模塊添加了內聯文本編輯器功能
- 為標題的 Blurb 模塊添加了內聯文本編輯器功能
- 添加了內聯文本編輯器功能到標題欄計數器模塊
- 添加了內聯文本編輯器功能到標題的圓形計數器模塊
- 添加了內聯文本編輯器功能到代碼模塊代碼 (HTML) 內容
- 為標題的倒計時器模塊添加了內聯文本編輯器功能
- 為標題和副標題的全角標題模塊添加了內聯文本編輯器功能
- 向全角代碼模塊添加了內聯文本編輯器功能，用於代碼 (HTML) 內容
- 添加了內聯文本編輯器功能到標題的登錄模塊
- 添加了內聯文本編輯器功能到標題的計數器模塊
- 添加了內聯文本編輯器功能到人員（團隊成員）模塊的姓名和職位
- 向定價表模塊添加了標題、副標題、貨幣、總和和頻率的內聯文本編輯器功能
- 添加了內聯文本編輯器功能到幻燈片標題的滑塊模塊
- 添加了內聯文本編輯器功能到選項卡標題的選項卡模塊
- 為作者、職位和公司名稱的推薦模塊添加了內聯文本編輯器功能
- 添加了內聯文本編輯器功能以切換標題模塊
- 向模塊管理標籤的線框視圖添加了內聯文本編輯器功能
- 更新了內聯文本編輯器功能，以在使用空值編輯模塊屬性時設置默認文本（例如線框視圖模式中的管理標籤）
- 添加了測試用例以確保內聯文本編輯器的編輯模式不會為鎖定模塊激活
- 添加了對所有使用內聯文本編輯器的模塊的測試，以確保其按預期工作。
- 在生成器中添加了基本 InlineRichTextEditorContainer 和 InlineRichTextEditor 組件，用於富文本的內聯編輯。
- 引入了 ElementInnerContent 類，它是 MultiViewElement 類的簡化版本。
- 改進了 MultiViewScriptData 類。
- 在響應式內容 FE 腳本中添加了自定義過濾器和掛鉤。
- 引入了 MultiViewElement 類。
- 動態內容：新的動態內容值格式：“$variable(JSON_VALUE)$”。
- 動態內容：為動態內容屬性引入了新的屬性轉換功能。
- 動態內容：在前端部分引入了初始動態內容渲染。
- 處理動態內容值的新方法。 在將文檔解析為塊結構列表之前，動態內容值將在塊解析器上進行處理。
- 向後移植代碼以根據字段名稱和設置解析動態內容內置和自定義字段值。
- 向後移植代碼以根據不同條件生成動態內容內置字段和自定義字段。
- 動態內容：在 VB 中引入了初始動態內容渲染
- 動態內容：將動態內容功能集成到“ModuleElements”類中。
- 動態內容：在 VB 中實現動態背景圖像功能。
- 動態內容：在 VB 中的模塊設置中引入了初始動態內容 UI。 目前，這可作為推薦模塊輸入文本的原型，僅支持“site_title”動態內容選項。
- 內聯富文本編輯器：向富文本內聯編輯器組件添加了核心 TinyMCE 編輯功能
- 內聯富文本編輯器：更新了富文本內聯編輯器以檢索可編輯內容並保存編輯的內容。
- 模塊屬性重構：重構圖標模塊的屬性。
- 模塊屬性重構：重構社交媒體模塊的屬性。
- 模塊屬性重構：重構視頻模塊的屬性。
- 模塊屬性重構：重構搜索模塊的屬性。
- 模塊屬性重構：重構全寬代碼模塊的屬性。
- 模塊屬性重構：重構定價表模塊的屬性。
- 模塊屬性重構：重構 Accordion 模塊的屬性。
- 模塊屬性重構：重構全寬圖模塊的屬性。
- 模塊屬性重構：重構全寬滑塊模塊的屬性。
- 模塊屬性重構：重構映射模塊的屬性。
- 社區報告的錯誤：實施模塊信用機制。 在 module.json 上添加 Credit 以顯示模塊信用。
- 社區報告的錯誤：在字段描述上啟用選定的標籤
- 過渡選項：為所有使用 ElementStyle 的模塊添加了過渡樣式組件。
- 模塊元素：引入 ModuleElements 類來簡化音頻、Blurb、CTA 和推薦模塊上的元素創建。
說明 Divi 5 的可擴展性
Divi 5 最重要的方面之一是它的可擴展性。 當我談論可擴展性時，我指的是從 API 角度來看 Divi 5 的靈活性和能力，以及由於這些改進我們可以創建的許多獨特功能。 我還談到了使 Divi 5 與 WordPress 的未來保持一致、刪除短代碼以及將許多 WordPress 塊包集成到 Divi 5 中。
這一切對 Divi 的未來意味著什麼？
我要求我們的開發團隊經理抽出一點空閒時間來製作一個快速演示來說明這些方面，以便我可以在這次更新中分享一些有趣的東西，這些東西在視覺上代表了 Divi 5 的可擴展性。 他想出了自動塊模塊。 該模塊可將每個古騰堡塊轉變為 Divi 模塊，通過 Divi 的廣泛設計設置增強它們，並允許您在同一頁面上混合模塊和塊！
塊模塊從塊中獲取 HTML 元素並動態生成選項組，使您可以完全控制其設計。 您還可以動態生成新的選項組，定位和自定義任何元素。
雖然我們創建這個塊模塊是為了好玩，而且它既沒有完成也沒有完善，但它很好地演示了我們可以使用 Divi 5 做什麼，並且相對容易，這要歸功於我們正在創建的新基礎。
由於 API 的開放性，這不僅對我們來說很容易，而且對您和開發社區來說也很容易。 我們甚至可能完成這個塊模塊並將其作為官方功能添加到 Divi 5 中。 但目前，我們仍然專注於測試階段的進展。
Divi AI 即將完成！
本月的 Divi 5 更新到此結束。 在其他消息中，我們的 Divi AI 的第一個版本即將完成，它將允許您憑空生成非凡的圖像，並在 Visual Builder 中工作時使用 AI 編寫和改進內容。 我在未完成的版本中玩得很開心，我期待著盡快完成並發貨！
敬請期待更多的更新
我承諾每月都會更新《Divi 5》的進度，這就是我計劃要做的！ 我不能保證每次更新都會令人興奮，但請放心，我們正在盡最大努力完成這個龐大的項目。 每一天我們都離我們更近一點，Divi 5 基礎也變得更堅固一點。 我們很快將推出 Divi 5 Dev Beta，這意味著基礎即將完成。 從那時起，它就將全力推進面向用戶的功能，您將在今年晚些時候在公共 Alpha 版中進行測試。
如果您有任何疑問，請發表評論。 下次更新再見！