Divi 5 Public Alpha 版本 7：新功能進展！

已發表: 2025-01-23

Divi 5 Public Alpha 現已可供測試。如果您使用 Divi 5，您今天會注意到Public Alpha 版本 7的更新通知。我們每兩週發布新的 Divi 5 版本，每次都會變得更好！如果您尚未測試過 Divi 5，請嘗試並告訴我們您的想法。

目錄
  • 1 Public Alpha 7 有哪些新功能？
    • 1.1突出的錯誤修復與改進
    • 1.2功能進展
    • 1.3變更日誌
  • 2立即進入 Divi 5

Public Alpha 7 有什麼新功能？

這個新版本的 Divi 5 包括38 個錯誤修復以及四個即將推出的功能的重大進展。我們將這些功能隱藏在功能標誌後面，直到完成它們為止，定期將經過嚴格測試的零碎內容合併到核心產品中。透過每次更新，我們在發布每個新功能方面都取得了實際的進展。

我們已經完成了 Divi 基礎的重寫。我們已經控制了錯誤。從現在開始，它的功能將全力推進！

突出的錯誤修復和改進

此版本包含 38 個錯誤修復和改進，以下是一些突出的內容：

新的退出按鈕和快捷方式

這是一個簡單的生活品質改善。 Visual Builder 中的退出按鈕現在有一個下拉式選單，讓您可以選擇各種退出點。您可以返回 WordPress 貼文編輯器、在前端查看頁面或返回 WordPress 儀表板。您可以透過選單中標記的鍵盤快速鍵退出到這些區域中的任何一個。

效能增強

此版本顯著提高了將 Divi 與 WooCommerce 結合使用時的效能。如果您安裝了 WooCommerce，您會注意到載入 Visual Builder 比以前快得多。一般 Visual Builder 載入時間也得到了改進，平均載入時間縮短了 200-300 毫秒。我們不會在性能方面搞砸！我們將繼續讓 Divi 變得更快。

功能進展

四個團隊正在開發四個功能：可自訂斷點、選項組預設、Divi AI 整合和 WooCommerce 模組。作為最近宣布的功能交換的一部分，我們將時間平均分配給 Divi 4 的現有功能和 Divi 5 中添加的新功能。第五個團隊正在研究錯誤並協助 Divi Marketplace 的創作者改進開發文件和其他改進。第六支隊伍很快就會加入。

我們正在加緊努力，並計劃在未來幾個月內取得巨大進展。

其他功能也在甲板上，包括高度要求的功能，例如基於Flexbox 的新網格系統，缺少Divi 5 功能，例如構建器中的可編輯頁眉和頁腳區域，以及我們認為對Divi 未來作為高級功能至關重要的驚喜功能網站設計系統。

以下是我們迄今為止的進展：

可自訂的斷點

此功能大約已完成 80%。我們很有可能會與 Public Alpha 8 或 9 一起發布它。

很快，Divi 5 將附帶七個預定義斷點，而不是三個。您可以開啟和關閉每個斷點並自訂每個寬度，讓您可以在每個裝置上完全控制您的設計。如果七個可自訂斷點還不夠，我們將透過允許您添加更多斷點來跟進此功能。

我們將可自訂斷點隱藏在功能標誌後面，直到它完成為止，這意味著它在 Divi 5 介面中尚不可見。

迪維AI集成

這個功能已經基本完成了。 Divi AI 的所有方面都已整合到 Divi 5 中，包括佈局、文字、圖像和程式碼生成。修復了一些錯誤後，我們將在 Public Alpha 8 中發布此功能。

我們將 Divi AI 隱藏在功能標誌後面，直到它完成為止，這意味著它在 Divi 5 介面中尚不可見。

選項組預設

這是一個令人驚喜的功能！我們已經完成了大約 50%，計劃在 3 月初發布。選項組預設是模組預設的擴展，可在所有模組類型中使用，分層在模組預設之上。

例如，如果您在整個網站中使用共用背景、邊框、框架陰影或字體樣式，則可以將它們轉換為預設。將預設選項套用至網站上的多個元素，以建立動態設計系統。

Divi 將成為 WordPress 最先進、最靈活的設計系統，而預設只是一個開始。

我們將選項組預設隱藏在功能標誌後面，直到完成為止，這意味著它在 Divi 5 介面中尚不可見。

WooCommerce 模組

我們仍處於 WooCommerce 模組的規劃階段。我們正在評估最佳前進路徑，以確保我們的模組與 WooCommerce 的區塊切換相容，並且在引入另外約 20 個模組之前，我們需要完成一些已完成的模組集合的整理工作。

我們計劃一一發布 WooCommerce 模組。同時，您仍然可以在 Divi 5 中使用 Divi 4 的舊版 WooCommerce 模組。

變更日誌

以下是 Public Alpha 7 中實施的所有變更的清單。

  • 新增了「退出」按鈕上的下拉式選單，以允許多個退出選項。
  • 修正了當固定標題可能與平板電腦和手機設備上的錨定部分重疊時高度偏移的過度校正。
  • 修正了影像模組內的 showBottomSpace 選項，該選項不起作用。
  • 在 AdvancedStyles 中添加了對 ImageSizing 和 ImageSpacing 組件的支持，以輸出樣式及其相應的過渡。
  • 修復了視訊模組從桌面和懸停播放按鈕轉換問題。
  • 為全角代碼模組實現了自動產生的模組設定。
  • 更新了切換模組以使用自動生成的模組設定。
  • 修復了基於 WooCommerce 的速度問題，與 WooCommerce 一起使用時可顯著提高 Divi 的速度和效率。
  • 增強了依賴性檢查器以提高效率。
  • 為先前在向後相容模式下前端渲染短程式碼內容時遇到的緩慢載入時間提供了強大的解決方案。
  • 修正了從 Divi 庫中匯出帶有預設的庫項目的問題。
  • 改進了設定儲存中的集中式 REST API 根 URL 處理，減少了網路請求並簡化了邏輯。
  • 修復 透過更新與 REST API 相關的模擬來改善測試隔離和可靠性。
  • 修正了在前端渲染時自訂 CSS 欄位在部落格模組中不起作用的問題。
  • 修正了範圍滑桿局部步進問題。
  • 修正了在某些情況下重置複選框不起作用的問題。
  • 在變換比例、背景圖像和背景圖案選項中新增了新的 CSS 單位，以接受 px、em、rem、vh、vw 等單位。
  • 引入了一個名為「修改模組輸出」的新教學頁面，該頁面解釋如何使用模組包裝器掛鉤修改模組輸出。
  • 「透過 Hook 新增自訂模組設定」教學課程系列已更名為「自訂模組設定和輸出」。
  • 為自訂斷點新增 UI 元件。這些對最終用戶來說尚不可見。
  • 更新了「新增自訂選項組」和「新增自訂選項欄位」教學課程系列，以使用音訊模組作為測試案例來連接即將推出的教學課程，例如渲染元素和樣式。
  • 修正了使用父級值時定價表模組標題標籤不起作用的問題。
  • 透過更新正規表示式以支援嵌套的類似 JSON 的結構來修復動態資料處理。
  • 更新了擴充頁面設定和建立簡單快速模組教學中的腳本排隊方式。
  • 修正了在桌面層級定義的視差影像對於較小的斷點不會出現的問題。
  • 修正了從滑桿模組上傳影片檔案時的媒體上傳器按鈕名稱。
  • 修復了顯示網站背景顏色的線框，這不是預期的。
  • 修正了預設值不起作用的 CheckboxesContainer 元件。
  • 修復了圖示顏色設定說明中的拼字錯誤。
  • 新增了 allocateGroupPresetToDefault 儲存操作以將選項組預設為預設值。
  • 修正了主題產生器幫助模式類型。
  • 更新了文件「將 Divi 4 模組轉換為 Divi 5」部分中的簡介頁面以引用新儲存庫。
  • 在「將 Divi 4 模組轉換為 Divi 5」部分的教學頁面中新增了警告部分，表示教學已過時且目前正在更新。
  • 新增了 updateOptionGroupPresetWithCurrentStyles 儲存操作來處理目前樣式的預設更新。
  • 新增了deleteOptionGroupPreset儲存操作來處理刪除預設機制。
  • 新增了cloneOptionGroupPreset儲存操作來處理克隆預設機制。
  • 更新了過時的預覽並更正了「新增佔位符內容」教學頁面的語法錯誤。
  • 更新了創建動態 Divi 4 模組教程的過時資訊和預覽。
  • 更新了可視化建構器應用程式框架的可自訂斷點機制。
  • 修正了定價表中的一個問題：當標題標題層級設定為 h6 時，樣式不適用於標題文字。
  • 修正了高度過渡在影像模組上不起作用的問題。
  • 修正了使用網格版面配置時部落格模組中「閱讀更多」文字的對齊問題。
  • 修正了條件顯示選項的手動自訂欄位切換問題。
  • 修正了主題產生器版面配置中的問題，其中貼文標題編輯器始終顯示當前日期而不是正確的日期。
  • 修復了損壞的 TinyMCE 面板關閉圖示。
  • 修正了更改列結構導致設定側邊欄意外鬆開的問題。
  • 新增了 addNewOptionGroupPreset 儲存操作來處理目前樣式的預設更新。
  • 修正了複製/貼上樣式有時不起作用時的剪貼簿系統問題。
  • 新增了在群組 UI 中顯示指派的群組預設的功能。
  • 新增了 addNewOptionGroupPresetFromCurrentStyles 儲存操作以從目前樣式新增預設。
  • 修正了在視覺生成器上選擇任何按鈕設計時按鈕設計選項跳轉的問題。
  • 修正了影像模組懸停狀態下懸停圖示重疊的問題。
  • 增強的全域資料儲存操作 ('divi/global-data').setDefaultPresetOnSave() 和 ('divi/global-data').unsetDefaultPresetOnSave() 以支援選項組預設處理。
  • 新增了 updateOptionGroupPresetName 儲存操作以更新選項組預設名稱。
  • 修正了帖子滑桿和全角帖子滑桿模組的帖子計數預設值問題。
  • 修正了點選「取消變更」後未還原預設變更的問題。
  • 修正了使用定義的預設的模組列印兩次樣式的問題。
  • 新增了 editPresetAttribute 儲存操作來處理選項組預設屬性。
  • 修正了在點擊地圖模組中的地圖圖釘時導致工具提示故障的錯誤。
  • 修正了懸停時不出現的全寬影像模組覆蓋選項。
  • 新增了 ('divi/global-data').addDefaultOptionGroupPreset() 儲存操作來處理為指定選項組建立預設預設的功能。

立即進入 Divi 5

現在是測試 Divi 5 並報告錯誤的時候了。我們將繼續積極努力解決您發現的問題。您還將享受快速的構建體驗、極大改進的前端性能以及現代化的新介面！

讓我們知道您到目前為止的想法，並每兩週關注新的 Divi 5 版本。從現在開始，Divi 5 將透過 Alpha、Beta 及更高版本定期改進。