Divi 5 Public Alpha 19：新功能，修復和改進

已發表: 2025-07-18

Divi 5公共alpha可在新網站上使用。如果使用Divi 5，您會注意到公共Alpha版本19的更新通知。我們每兩週發布新的Divi 5版本，每次都會變得更好。如果您尚未測試Divi 5，請嘗試一下，讓我們知道您的想法。

目錄
  • 1公共alpha 19中有什麼新功能？
  • 2個錯誤修復和改進
  • 3個功能進度
    • 3.1 Flexbox佈局
    • 3.2相互作用
    • 3.3改進的向後兼容性
    • 3.4相對顏色帶有HSL支持
    • 3.5查找並更換
    • 3.6循環構建器
    • 3.7 WooCommerce模塊
  • 4個變形值
  • 5 Divi 5發佈時間表
    • 5.1 Beta什麼時候準備好？
    • 5.2 Divi 5何時“正式”發布？
  • 6今天跳入Divi 5

公共alpha 19中有什麼新功能？

我沒有發佈公共Alpha 17和18的帖子，因此我將介紹從那以後發生的一切變化。

我們實施了121個錯誤修復和改進，包括五個新功能，包括Flexbox佈局，交互，改進的向後兼容性，相對顏色和查找和更換，並在兩個即將到來的功能上取得了重大進展。

錯誤修復和改進

關於錯誤修復，幾乎每個團隊都完成了自己的功能，現在專注於修復錯誤，以準備即將到來的公共Beta。您可以期望錯誤修復在下個月內增加，重點是測試和解決與遷移相關的問題。除了所有的小錯誤修復外，公共alpha 19還帶來了一些較小的改進：

  1. 績效的重大改進：您會注意到，在使用帶有許多嵌套元素的大型複雜佈局時，構建器的速度要快得多。即使我們引入了更多功能，我們也拒絕犧牲性能。
  2. 將元素添加到上方/下方選項：您將在右鍵單擊菜單中找到新的選項，以在組件上方或下方添加元素。當使用微小的列和嵌套元素時，這非常有用，其中“ Plus Button”容易重疊。使用圖層面板和右鍵單擊，您不必擔心針對懸掛按鈕。一旦您熟悉使用鍵盤快捷鍵，右鍵單擊，圖層視圖和麵包屑，就可以使用左側側邊欄中的圖標關閉大多數。

當然，這些次要的改進不包括我們引入的所有重要功能，因此請繼續閱讀以了解這些功能！

功能進度

我們正在全速發展功能開發。我們有七支在Divi 5上全職工作的團隊。這就是他們的工作。

  1. 團隊：該團隊修復了錯誤，並通過模塊轉換來幫助Divi Marketplace創建者。 Divi 5版本的許多流行產品即將完成，我們一直在博客上測試它們！
  2. 第二個團隊：該團隊正在研究Woo模塊，這是Divi 5進入Beta的最終功能。他們接近完成第一批產品，涵蓋了所有產品模塊。
  3. 第三支球隊：該團隊完成了改善的向後兼容性，現在正在努力修復錯誤，以準備公開Beta。
  4. 團隊第四：該團隊完成了Flexbox佈局，現在正在努力修復錯誤，以準備公開Beta。
  5. 第五隊：該團隊完成了相對的色彩，現在正在努力修復錯誤，以準備公開Beta。
  6. 第六團隊：該團隊正在研究循環構建器。它快要完成了，我們計劃下週發布。
  7. 團隊7：該團隊完成了互動並找到和替換，現在正在努力修復錯誤，以準備公開Beta。

Flexbox佈局

我們完成了此功能，並在Divi 5 Public Alpha 18.2中發布了它。

Divi 5的新Flexbox佈局系統已經到了。這不是次要更新。它重塑了Divi，允許您構建任何佈局結構，包括響應式佈局故障，自定義模塊排序，簡單的垂直對齊和元素定位等等。沒有任何石頭毫不動搖，沒有任何選擇被遺忘了 - 我們做到了，這是最好的。

今天就嘗試一下！

互動

我們完成了此功能，並在Divi 5 Public Alpha 18.1中發布了它。

交互是一個強大的系統，用於創建諸如彈出式和切換之類的交互式元素，以及基於創意捲軸和基於鼠標運動的效果。這不是彈出式建築商；這是一個建築商。創建觸發器，分配效果，選擇目標並將您的自定義互動栩栩如生。

今天就嘗試一下！

改善了向後兼容性

我們完成了此功能，並在Divi 5 Public Alpha 18中發布了它。

我們一直在測試Divi市場中所有最暢銷的產品，並改善Divi 5的向後兼容性系統，以便在時間到來時，每個人都可以升級。隨著改進的向後兼容性更新，舊模塊現在可以在添加模塊面板中使用舊模塊，並且比以前的功能要好得多。

今天就嘗試一下！

HSL支持的相對顏色

我們完成了此功能，並在Divi 5 Public Alpha 17.1中發布了它。

Divi的色彩革命已經到來，將Divi定位為顏色管理和高級顏色系統的明確領導者。 Divi的彩色選擇器已經完全重新設計，並且沒有好轉。使用HSL，您可以創建易於管理的數學上美麗，基於可變的顏色系統，從而革新網站上的顏色。

今天就嘗試一下！

查找並替換

我們完成了此功能，並在Divi 5 Public Alpha 17中發布了它。

對於Divi Power用戶來說，Find and替換是一種令人印象深刻的效率工具，它將加快您的工作流程，並在幫助舊網站採用Divi 5的新設計系統（例如變量）中發揮重要作用。右鍵單擊任何字段，以在給定範圍內查找並替換其值。這是一個簡單的概念，但是男孩很有用，而且在大多數頁面構建者中都找不到。

今天就嘗試一下！

循環構建器

上個月，我們對Loop Builder進行了偷偷摸摸的偷看，它快要完成了。我們的目標是下週發布！

Divi的循環構建器背後的想法很簡單：循環！您可以通過循環部分，行，列，組，模塊和子元素來創建新的基於帖子的內容。

WooCommerce模塊

我們的第一批WooCommerce產品模塊幾乎完成了，這將是循環構建器後發布的下一項功能。

ChangElog

這是公共Alpha 17中通過公共Alpha 19中實施的所有更改的列表。

  • 添加了一個新的開發人員教程系列並重新組織了動態內容文檔，包括經過驗證的指南，用於使用Divi 5中的掛鉤在現有模塊字段上啟用動態內容。
  • 修復了ACF插件頁面鏈接的問題，未顯示前端中的正確URL。
  • 添加了子元素循環支持滑塊，手風琴，選項卡，定價表和條形計數器模塊。固定了視覺構建器的共同點的一致性，以確保在所有上下文中的準確項目計數。
  • 固定循環構建器對兒童模塊的支持，確保視覺構建器和前端渲染之間的一致行為。
  • 在VB中未呈現帶有前後值的循環動態內容。
  • 固定了帶有舊文件夾名稱的第三方Divi模塊在“添加模塊”對話框中正確出現在其指定類別下。
  • 修復了一個問題，其中循環動態內容字段顯示了空白的內容，而不是Divi 5循環的模塊中的前端上的實際發布數據。
  • 使用循環構建器時，ACF ACF中繼器字段在前端正確呈現。
  • 固定循環位置系統允許在循環行模塊中使用子模塊的模塊根據其配置位置顯示特定帖子，從而實現適當的網格佈局控制和目標內容放置。
  • 添加了對循環用戶和循環術語動態內容選項的支持。
  • 改進的D5 WooCommerce模塊系統具有增強的產品頁面佈局處理。
  • 改進了WooCommerce REST-API控制器和固定的WPunit測試，以正常工作。
  • 右鍵單擊列元素時，請固定丟失的“刪除列”選項查看上下文菜單。
  • 固定循環構建器術語查詢以正確處理所有分類法的請求，而不是在未選擇特定分類法時崩潰。
  • 修復了無法將自定義的最小值值應用於視覺構建器中的空列的問題。
  • 修復了添加模塊模量中鍵盤導航期間發生的JavaScript錯誤。
  • 在啟用頁面上的循環功能時，修復了loop元素的帖子類型默認為“發布”，而不是“ page”。
  • 修復了WooCommerce產品價格模塊前端測試，以確保在不同情況下執行一致且可靠的測試執行。
  • 修復了Woo產品標題模塊如果啟用VB的樣式的問題。
  • 引入了一個用於第三方支持任務的新問題模板。
  • 增強循環系統，並具有全面的WooCommerce產品支持。
  • 設置桌面佈局類型時，固定的佈局Flex選項在平板電腦和電話斷點上錯誤顯示。
  • 在保存操作過程中，固定了性能問題，這些問題導致帶有許多模塊的大型佈局上的滯後和崩潰。
  • 修復了問題，背景顏色在響應式斷點之間切換時錯誤生成的“初始” CSS值，從而防止了適當的顏色繼承。
  • 固定的顏色點不透明度交互和Spectrumrange背景顯示在未設置顏色時正確默認為白色，為沒有默認背景顏色的模塊提供了更合乎邏輯的行為。
  • 修復了一個問題，即保存預設後，嵌套的全球顏色會丟失過濾器的格式。
  • 修復了使用自動摘錄或完整內容時顯示錯誤的內容的全width帖子滑塊。
  • 修復了D5代碼模塊，其腳本和样式標籤在前端頁面加載上為非登錄用戶剝離。
  • 修復了由於不必要的遷移處理而在前端逃脫的代碼內容中的代碼內容。
  • 修復了代碼模塊顯示原始代碼而不是正確渲染的一個問題，而不是針對前端的非現場用戶呈現。
  • 修復了在舊版列結構上更改flex行列結構時的JavaScript TypeError。
  • 引入了Divi的新基於Flexbox的佈局系統。
  • 固定觸點表格唯一的ID生成，以恢復Divi 4期間與第5個遷移期間與第三方插件的兼容性。
  • Visual Builder中WooCommerce產品圖像模塊的固定樣式輸出。
  • 固定樣式輸出，用於前端中的WooCommerce產品圖像模塊。
  • 修復了代碼字段重置按鈕的問題未正確重置該值。
  • 為WooCommerce產品標題模塊添加了正確的FE內容，以取代佔位符內容。
  • 為WooCommerce產品價格模塊添加了正確的FE內容，以取代佔位符內容。
  • 為WooCommerce產品庫存模塊添加了正確的FE內容，以取代佔位符內容。
  • 為WooCommerce產品標題模塊添加了正確的視覺構建器內容，以取代佔位符內容。
  • 固定的彩色選擇器預覽顯示不一致，其中CSS變量和十六進制顏色類型之間的切換將顯示不正確的顏色預覽。
  • 固定的CSS變量預覽顏色選擇器中的變量在“ Advance CSS”選項卡中聲明。
  • 固定了視覺構建器中的循環位置，以允許根據其位置顯示顯示帖子，而不是跨列重複。
  • 為Divi 5遷移系統添加了綜合測試覆蓋範圍，包括版本排序，流利的接口驗證和執行訂單驗證 - 固定版本比較邏輯，用於正確處理最終釋放版本。
  • 固定的嵌套全局顏色在使用濾鏡和不透明度的複雜嵌套時，在背景模式和掩模中未正確顯示。
  • 從主題選項接口中刪除了不棄用的調色板設置，以簡化用戶體驗。
  • 新的Backtickssniff，用於檢測和防止通過Backticks執行Shell命令。
  • 固定邊框半徑同步在更改單個角變量時會錯誤重新啟用。
  • 修復了彩色選擇器預覽更新和不透明度字段重置，以在彩色工作流程期間提供立即，一致的視覺反饋。
  • 修復了D5彩色拾取器的全局顏色列表視圖中的未對準顏色值。
  • 添加了一個專用處理程序，用於克隆彈性列，並根據佈局類型進行適當的結構管理和有條件調度。
  • 修復了Circle Counter模塊彩色選擇器未通過為可變分辨率添加缺少的動態內容支持而出現的。
  • 修復了快捷代碼模塊警告消息，以正確顯示HTML格式，而不是將原始標記顯示為文本。
  • 修復了單擊動態內容圖標沒有關閉開放顏色選擇器模式的問題。
  • 修復了Visual Builder的動態內容選項中的無限環路錯誤，控制台錯誤。
  • 通過Getter方法添加了用於遷移和公共訪問遷移版本信息的自動分類。
  • 修復了在列佈局組件中選擇菜單定位，以確保在視口邊界內進行適當的下拉放置。
  • 修復了列寬樣式僅應用！在塊佈局中進行重要聲明，從而改善了Flexbox佈局行為。
  • 在響應式斷點上，固定模塊間距在響應式斷點上使用適當的基於間隙的間距而不是相互衝突的邊距。
  • 修復了嘗試拖動交互項時發生的JavaScript錯誤。
  • 固定的丟失的默認間隙值佔位符在Flexbox佈局字段中，這使實際應用的差距值混淆了。
  • 修復了flex行中重複或刪除列的重複或刪除列錯誤地轉換行結構，而不是保留預期的flex佈局。
  • 修復了在撤消REDO操作期間未直觀更新的自定義CSS字段。
  • 修復了一個問題，即在Divi 5可自定義的斷點功能中，殘疾斷點仍在輸出CSS樣式。
  • 通過防止懸停元素在阻力操作過程中渲染，並添加了元素類型跟踪以提高拖放性能和用戶體驗，以增強視覺反饋。
  • 修復了循環構建器郵政類型選擇輸入字段的高度過多時，編輯主題構建器佈局以提高視覺一致性。
  • 更新的Divi 5路線圖。
  • 固定問題，當與WooCommerce產品POST類型一起使用時，全方位投資組合和相關投資組合模塊將顯示JavaScript錯誤和畸形的CSS類。
  • 當行具有Flex佈局時，改進了變化的列結構。
  • 引入了互動，一種用於構建交互式元素和效果的新系統，包括彈出式，切換等等。
  • 修復了全局佈局擴展錯誤，其中參考被轉換為Gutenberg保存期間的完整內容。
  • 修復了GV文本中不允許新行的問題。
  • 在循環構建器中添加了高級帖子和分類過濾支持，並具有基於類別的選項和搜索功能的更新標籤輸入。
  • 修復了一個問題，其中選項組預設和模塊在全球元素中預設最初沒有顯示其樣式。
  • 修復了一個問題，即視覺構建器將在其slug中使用Unicode字符編輯頁面時將其重定向到主頁。
  • 固定文本模塊字體重量和字體刪除屬性現在支持懸停。
  • 修復了父flex佈局檢測以使用零聚合操作員而不是顯式isset（）檢查以提高代碼效率。
  • 修復了在邊框半徑上使用全局變量時未正確應用溢出的人模塊的問題。
  • 修復了列列類下拉模態，顯示空圖中的空預覽，而不是視覺構建器中的正確列寬度可視化。
  • 舊模塊現在可以在添加模塊面板中使用。
  • 修復了標題字段值為空時，修復了前端中的Blurb模塊標題DOM打印問題。
  • 通過正確處理第三方D4擴展添加到模塊中的自定義設置，改善向後兼容性。
  • 修復了動態內容設置模態在取消時不會恢復上一個值。
  • 重新出口並優化了與Flexbox相關的所有圖標，刪除了硬編碼的SVG填充，添加了缺少的圖標以及固定的圖標對齊和轉換邏輯。
  • 修復了全球預設CSS在再次出口和進口後變得無效的問題。
  • 修復了一個問題，其中刪除和刪除具有預設樣式的模塊導致預覽中的預覽設計選項卡樣式消失了。
  • 修復了電話模擬器的初始寬度值在視覺構建器中與不匹配的問題。
  • 修復了空列缺少其CSS類的問題。
  • 改進了與Divi 4第三方擴展程序的向後兼容性，例如後來在WooCommerce_loaded上註冊模塊。
  • 新的Backtickssniff，用於檢測和防止通過Backticks執行Shell命令。
  • 使用選項卡式的子點設置，第三方模塊中的Divi 5中缺少“ undent”圖標顯示。
  • 修復了電子郵件Optin模塊中的自定義字段功能，該功能阻止用戶將自定義字段添加到其選擇加入表單中。
  • 固定D4插件文本切換選項卡，顯示D5 Visual Builder中的空白標籤。
  • 固定圖像模塊邊框半徑溢出邏輯時使用全局變量，確保內容在前端邊界的邊界內保持正確的狀態。
  • 修復了Divi-tivi-tivion-countdown插件兼容性問題，其中倒數計時器在D5中由於缺失的依賴性而顯示為空。
  • 修復了一個問題，即在配置某些字段類型的條件時，聯繫表的條件邏輯功能將顯示錯誤。
  • 遷移的WooCommerce默認/佔位符模塊的標記傳遞給了頁面上的VB/TB。
  • 實施適用的模塊屬性默認值，以供產品，columnsnumber等，例如woocommerce模塊屬性。
  • 修復了動態內容“郵政/存檔標題”顯示佔位符文本，而不是使用主題構建器佈局時空的類別頁面上的實際存檔標題。
  • 修復了一個問題，其中可編輯內容內部的鏈接將遠離視覺構建器，而不是激活內聯編輯器。
  • 實施了基於PHP的系統來處理WooCommerce模塊的動態默認屬性。
  • 修復了Divi 5 Visual Builder中第三方模塊的撤消/重做功能，其中撤消更改會錯誤地刪除整個模塊，而不是恢復單個更改。
  • 修復了查找和替換模式中的顏色字段作為文本輸入而不是正確的顏色拾取器組件。
  • 固定的問題，其中在Divi 5遷移過程中刪除了短代碼模塊。
  • 修復了一個問題，即在全球顏色遷移過程中全局佈局不正確擴展，從而導致佈局結構損壞，同時保留適當的全局顏色CSS變量轉換。
  • 修復了顏色拾取器模態錯誤關閉的選項組預設編輯模式，而模塊切換未正確退出預設編輯模式。
  • 修復了一個問題，其中懸停在模塊上時，通過設置面板添加到文本模塊將消失。
  • 固定的無單位全局變量未出現在z索引和其他無單位CSS屬性字段中。
  • 在添加新的部分，行和列中，在Visual Builder中添加新的部分，行和列時，添加了支持。
  • 固定的丟失的構建器版本在Flexbox列結構中更改以進行適當的遷移支持。
  • 更新的行模塊以支持新的基於Flexbox的列結構選擇器和改進的網格數據處理。
  • 修復了在動態內容字段下拉中以隨機順序出現的全局數字。
  • 修復了主題構建器插入佈局模式中佈局卡標題上的過多間距。
  • 引入了相對顏色和HSL，包括一個新的顏色字段和彩色選擇器。
  • 通過現場道具上的可見道具（布爾或功能），在頁面設置模式中增加了對條件現場可見性的支持。
  • 修復了視覺構建器中的出口/進口模式可見性問題。
  • 在循環組設置中添加了對元查詢過濾器的支持，從而實現了基於自定義字段的內容過濾。
  • 修復了從禁用插件上單擊模塊上的編輯按鈕時，Visual Builder會崩潰。
  • 遷移的WooCommerce模塊的標記傳遞給了頁面加載的VB。
  • 添加了一個腳本命令，以簡化為D5轉換測試更新JSON文件的過程，從而確保更可靠和準確的模塊轉換。
  • 修復了WooCommerce Block模塊檢測，並將WooCommerce腳本加載功能移植到D5。
  • 改進的全局彩色選擇器可以通過解釋性工具提示顯示殘疾的圓形顏色參考，而不是完全隱藏它們。

Divi 5發佈時間表

重要的是要注意，Divi 5已準備就緒，可在新網站上使用！由於Divi 5項目的範圍，我們對其發佈時間表採取了非傳統方法，以五個階段釋放它。最終的目標是使Divi 5盡快使Divi 5盡快使盡可能多的人提供幫助。

我們處於α階段，類似於“ Divi 5 Lite”。它缺少一些功能，但是準備好使用了。它幾乎在各個方面都比Divi 4優越。如果您喜歡Divi 5，則可以使用它來構建新網站。

如果現有網站取決於尚未添加到Divi 5的功能，則應繼續使用Divi 4。 WooCommerce模塊是唯一缺少的。即便如此，Divi 4的舊版WooCommerce模塊仍將在Divi 5中以向後兼容模式使用。

Beta什麼時候準備好？

我們的目標是根據我們的進度在約1.5個月內輸入Beta； 2-3週來總結循環構建器和WOO模塊，然後進行幾週的重點修復。進入Beta階段之前，我們要完成兩件事，我們的大多數團隊都專注於這些任務：

  1. 完整的WooCommerce模塊支持- Divi的WooCommerce模塊尚未轉換為Divi 5格式。您可以在向後兼容模式下使用它們，但是您可能會遇到一些怪癖。我們正在通過每個Alpha版本積極開發WooCommerce模塊。
  2. 遷移測試和拋光- 我們有多個團隊致力於修復Alpha階段中報告的錯誤，以確保Divi 5在正式發布之前是穩定的。接下來幾個月的主要重點是將Divi 5遷移系統通過其步伐進行，並修復與遷移相關的錯誤。

Divi 5何時“正式”發布？

Divi 5將在年底之前達到其“最終形式”，其最終目標是在年底之前超越比賽。該目標的一部分涉及積極開發新功能作為功能交換的一部分。

但是別忘了！從現在開始，您可以在Divi 5成為您的首選體驗時使用。我們沒有急於最終版本，而是維護Divi 4和Divi 5，為用戶提供了選擇。

一旦我們有信心刪除這種選擇，我們將“正式”做出“正式”，每個人都會獲得Divi 5升級通知。

今天跳入Divi 5

Divi 5 Public Alpha今天可用。嘗試一下，讓我們知道您的想法！

如果您找到錯誤，請向我們的團隊報告它，我們將進行修復。我們將繼續積極地添加新功能和地址反饋。

請繼續關注每兩週的新Divi 5版本。