Divi 5 Public Alpha 11：發行筆記和功能進度

已發表: 2025-03-29

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

目錄
  • 1公共alpha 11中有什麼新功能？
  • 2個錯誤修復和改進
  • 3個功能進度
    • 3.1選項組預設
    • 3.2高級單位
    • 3.3 Divi設計變量
    • 3.4嵌套行
    • 3.5 Flexbox佈局
    • 3.6 WooCommerce模塊
  • 4個變形值
  • 5今天跳入Divi 5

公共Alpha 11中有什麼新功能？

我沒有發表有關公共alpha 10的帖子，因此自公共Alpha 9以來，這篇文章將涵蓋我們完成的一切。

我們已經實施了103個錯誤修復和改進，兩個新功能（選項組預設和高級單元），並在即將到來的三個功能上取得了重大進展。

錯誤修復和改進

此版本包括一些少量修復和改進。我們正在跟踪報告的每個錯誤，並一一解決。我們總共合併了103個錯誤修復和改進。我在下面的ChangElog中列出了所有更改，但這裡有一些亮點：

  1. 改進的速度和點擊反饋：視覺構建器中的所有內容都感覺更快！為什麼？因為我們在大多數交互作用中切換到使用鼠標而不是向上鼠標。現在，一旦您單擊鼠標，事情就會立即響應；這很棒！出於可訪問性，按鈕仍然使用鼠標。
  2. 按ENTER驗證值：我們在按Enter或Unnoding of Cotion字段時延長了字段和驗證單元的時間，並實現了即時驗證。您不必等待驗證，並且在緩慢鍵入時不會經常自動驗證。
  3. 預設緩存清除：保存預設和全球顏色時，完整的網站緩存未正確清除。這是固定的。
  4. 消失的Google字體：一個怪異而煩人的錯誤神秘地導致Google字體在前端排出。那不會再發生了。
  5. 三重檢查安全性：我們審查了過去幾年的Divi 4安全修復程序，以確保我們在Divi 5中沒有犯類似的錯誤，然後進行了安全審查。我們發現了一些小問題，並在這些領域進行了硬安全性。
  6. 字段圖標Overhal ：我們重新設計了在設置面板中懸停在字段上時出現的圖標。以前的圖標以前的串聯（例如動態內容和AI圖標）已被移到字段上方。所有圖標都較小，並在右側對齊，以使它們更易於單擊。

功能進度

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

  1. 團隊：該團隊修復了錯誤，並通過模塊轉換來幫助Divi Marketplace創建者。
  2. 第二個團隊：該團隊正在研究Woo模塊，這是Divi 5進入Beta的最終功能。
  3. 第三隊：該團隊已轉移了重點，現在正在改善與Divi 4模塊的向後兼容性，以準備Divi 5 Beta。
  4. 第四團隊：該團隊正在為Divi的新Flexbox佈局系統工作，Divi是一項以前未經宣布的功能。請繼續關注偷看的偷看！
  5. 第五隊：這支球隊正在研究嵌套行，這是我本週的偷看。
  6. 第六隊：該團隊正在研究Divi Design變量，該變量幾乎完成了。

這是我們自第9版公共Alpha以來取得的進展。

選項組預設

我們完成了此功能，並在Divi 5 Public Alpha 9.3中發布了它。您可以下載Divi 5並立即嘗試選項組預設。

選項組預設是共享樣式，可以將其組合併應用於任何Divi模塊，以設計您的網站的基本元素並創建高級設計系統。這絕對是改變遊戲規則的人；一旦概念點擊，就不會返回。

高級單位

我們完成了此功能，並在Divi 5 Public Alpha 10.1中發布了它。您可以下載Divi 5並立即嘗試高級單元。

Divi現在支持所有CSS單元，包括無單位值，例如Unset和Fit-Content，以及諸如Clamp（）和Calc（）之類的功能，從而使使用流體排版的響應式設計比以往任何時候都更加容易。

您還可以定義CSS變量並在整個設計中引用它們。

Divi設計變量

我們有90％的Divi Design變量完成，希望下週發布它！您可能會在描述新功能時經常聽到“遊戲規則改變者”一詞，但這確實值得擁有標籤。

這是朝著Divi的新方向邁出的大膽步驟，也是Divi 5設計系統的重要組成部分，我們正在為滿足高級Web設計師的需求而構建。

嵌套行

這是另一個令人驚訝的功能。本週早些時候，我偷看了嵌套的行。行內的行！這是一個簡單的想法，但是為Divi 5創建更靈活的佈局系統的重要第一步。

很快，您將能夠在行內添加行，解鎖新的佈局結構。

Flexbox佈局

這是另一個令人驚訝的功能。我還沒有偷看這個，但這有點瞥見。

我們正在完全大修Divi的佈局系統使用Flexbox，實現許多新的行結構，並為模塊，行和段的Flexbox控件提供彈性箱控件。您可以用flexbox和嵌套行創建太陽下的每個佈局。另外，您可以控制列包裝，內容垂直對齊，響應列分解等等。

此大規模更新將需要一些時間，但值得等待。

WooCommerce模塊

從外部，Woo模塊的進度似乎不存在。那是因為我們正在研究Woo Blocks並創建一個新的CLI工具，以大大減少將Divi 4模塊轉換為Divi 5所需的時間。

從長遠來看，一點點投資將帶來很大的時間。

好消息是我們本週完成了模塊轉換工具！該工具可自動化80％的乏味模塊轉換工作。使用此工具，我們希望在接下來的幾個月中轉換所有20多個Woo模塊，為年中Divi 5 Beta版本奠定基礎。

同時，我們繼續推動Divi 5向前發展，並以積極的改進來鼓勵採用。不要忘記，即使在WooCommerce網站上，也可以使用標準的WooCommerce模板和塊，即使在WooCommerce網站上也可以使用Divi 5。

ChangElog

這是公共Alpha 11中實施的所有更改的列表。

  • 修復了包含全局顏色的梯度的錯誤，未正確遷移到Divi 5。
  • 修復了圖像計數選項在畫廊模塊中不起作用。
  • 修復了一個問題，即在正確保存/應用正常顏色時無法將全局顏色值保存/應用於頁面設置。
  • 修復了一些預設標籤的國際化。
  • 更新的MAP和MAP-PIN模塊為自動生成模塊設置的地圖字段使用回調。
  • 修復了一個問題，即在頁面加載上觸發的數字計數器模塊動畫而不是輸入視口時。
  • 與構建器的UI互動時的性能改善。
  • 修復了一個問題，即在更改模塊設置上的標題標題級別時，手風琴項目中的打開標題文本顏色將重置為默認值。
  • 修復了使用動態內容時未垂直居中圖標的問題。
  • 滑塊和手風琴模塊的標題級別是針對模塊預設和選項組預設的。
  • 修復了分隔模塊設置為位置時未顯示的問題：絕對。
  • 固定的粘性背景顏色在視覺構建器和前端的行上都無法正確應用。
  • 更新的生成的文檔索引和介紹頁。
  • 我們通過從設置面板更改標題級別來修復了滑塊模塊reinit問題。
  • 修復了擴展的圖標顏色可見性問題，而我們將顏色情緒轉換為深色。
  • 我們更新了輸入驗證以接受不完整的數學功能規則。
  • 單位拾取器的更新數學功能驗證現在可以處理數學功能值中的嵌套括號。
  • 從文檔中刪除了額外的“文檔”並更新所有鏈接。
  • 修復了一個問題組預設編輯模式在創建當前樣式預設時會過早關閉的問題。
  • 修復了一個問題，即選項組預設值錯誤地被模塊預設繼承。
  • 固定問題：每當我們更改轉換旋轉並用旋轉器，拖動和增量按鈕更改轉換旋轉和偏斜值時，該設備始終將其重置為DEG。
  • 修復了該問題，即在初始模塊添加時，基於自定義選項組預設的默認預設未正確應用在視覺構建器中。
  • 固定梯度長度單元顯示不確定。
  • 刪除了未支撐的單元（CH，EX，CM，MM，INCH，PT，PC，CARC（），MAX（），MAX（），Clamp（），CSSVAR，cOSSVAR，sashit，unset）以防止無效的選擇。
  • 當我們啟用全屏時，我們解決了全寬標頭模塊的Firefox瀏覽器錯誤問題。
  • 從變換OG單元拾取器中刪除了無效的單元選項（Unsot，nosit，none，clamp），以防止無效的轉換。
  • 將佔位符設置為空的，當默認值與鍵入關鍵value時，將單元更改為非關鍵wordvalue單元。
  • 在數學功能上使用無效的單元時，顯示錯誤消息。
  • 修復了標題文本選項組預設未應用手風琴項目的正確標題級別的問題。
  • 修復了無法在結核病中取消全局顏色編輯的問題，因為單擊“取消”按鈕沒有效果/什麼都不做。
  • 修復了一個問題，該問題阻止了臨時文件在導入大頁面後被刪除。
  • 正確清潔所有緩存，以便在更改模塊預設，選項組預設，全局顏色和字體後，與樣式相關的更改在所有適用的頁面上都會生效。
  • 修復了一個問題，即當線高增加或從單位拾取器降低時，單位標籤會更改。
  • 引入了動態功能標記系統，以管理和切換Divi子模型中的實驗功能。
  • 刪除了舊版功能標誌及其相關的代碼，以增強可維護性和簡單性。
  • 噹噹前值是數學函數或CSS變量時，通過按 /向上按箭頭來禁用範圍字段的增量。
  • 引入新掛鉤以濾除默認屬性，默認打印樣式屬性以及在模塊配置中定義的佔位符內容。
  • 修復了顏色選擇器中的回歸，在單擊“添加新顏色”按鈕時，它不會打開。
  • 引入的高級單元，包括對所有CSS單元，功能和變量的支持。
  • 修復了一個錯誤，其中導出佈局時未導出預設中使用的全局顏色，並且在導入佈局時無法導入。
  • 用Google字體修復了Divi 5中的Google字體緩存機制。
  • 修復了一個不應用於條形計數器模塊的運動效果的問題。
  • 修復了可自定義斷點的問題，在鍵入時太快地重置了重置，要求用戶鍵入非常快。
  • 分配默認選項組預設不會激活編輯模式。
  • 修復了一個錯誤，導致導入在佈局具有Divi 5短代碼模塊時不起作用。
  • 我們使用@divi更新了相對URL，我們需要在其中導入Visual Builder oftcuts.ts中的軟件包。
  • 修復了單位拾取器中的開關單元會自動將字段值設置為0，從而導致元素意外消失。
  • 修復了自定義標籤標籤中的安全問題。
  • 修復了計算單元拾取器的單元選擇器錯誤消息。
  • 將模塊設置字段的按鈕移至新位置。
  • 修復了手風琴模塊切換背景顏色問題，同時從子元素級別更改顏色。
  • 修復了一個問題，即在添加新幻燈片時將滑塊變為空白屏幕。
  • 修復了內部行模塊對齊問題，同時為專業部分設置其左邊餘量值。
  • 修復了該字段標籤未在組件中的某些字段上顯示的問題。
  • 在我們將文本顏色設置為Lite時，修復了Blurb模塊標題顏色問題。
  • 修復了問題，沒有發送到多個電子郵件，這些電子郵件是在聯繫表的模塊設置中添加的逗號分隔的多個電子郵件。
  • 如果在主題選項中禁用了google maps腳本選項，則用映射模塊修復了錯誤的錯誤。
  • 更新的文檔，新的索引頁面樣式和新的CTA，用於下載Divi 5並加入Discord。
  • 我們使用過時的信息更新了手動文檔，並添加了一個新的下載鏈接。
  • 引入選項組預設。
  • 在登機工作流程中加載預製的包裝時，提高了性能。
  • 實施庫項目導入系統，具有云應用程序中的可移植性。
  • 修復了從/到嵌套模塊選項組的複制/粘貼。
  • 修復了滾動設置組中字段的優先順序，以確保在各個模塊上“滾動”之前出現“粘性”。
  • 修復了使用相同類別帖子的郵政導航模塊的錯誤帖子鏈接。
  • 自定義回調已添加到全寬地圖模塊的自動生成模塊設置中。
  • 通過刪除未使用的文件來提高可讀性。
  • 修復了一個問題，該問題是在第一個選項卡項目上設置條件並返回false時未正確顯示的標籤模塊。
  • 我們修復了寬度/最大寬度的問題，無法從“設計”選項卡中使用以確保位置絕對。
  • 修復了幻燈片模塊未繼承滑塊模塊中的過渡集的問題。
  • 更新了所有模塊以幫助模態視頻。
  • 在期權組預設中為複合組處理的基礎支持增加了基礎。
  • 重構AGMS允許在相應的模塊index.ts文件中為組/字段分配自定義回調。
  • 修復了與分隔器模塊的右右填充有關的警告。
  • 修復了一個問題，即在FullWidth Slider模塊中錯誤地用於背景和文本覆蓋設置錯誤。
  • 修復了一個安全問題，該問題可能允許缺乏未過濾的_HTML功能的用戶通過經典編輯器設置ENABLE_HTML動態內容標誌。
  • 修復了Google字體搜索顯示所有字體而不是根據搜索查詢過濾結果的問題。
  • 在手風琴項目模塊中，在選項組預設中增加了對複合組處理的基礎支持。
  • 在手風琴模塊中，在選項組預設中增加了對複合組處理的基礎支持。
  • 在博客模塊中的期權組預設中為複合組處理的基礎支持增加了基礎支持。
  • 在CountdownTimer模塊中的期權組預設中增加了對複合組處理的基礎支持。
  • 在分隔器模塊中的期權組預設中增加了對複合組處理的基礎支持。
  • 在Filterable PorterFolio模塊中的期權組預設中增加了對複合組處理的基礎支持。
  • 在全寬菜單模塊中，在選項組預設中增加了對複合組處理的基礎支持。
  • 在FullWidth後掃描模塊中，在選項組預設中增加了對複合組處理的基礎支持。
  • 在標題模塊中的期權組預設中增加了對複合組處理的基礎支持。
  • 在菜單模塊中的選項組預設中增加了對複合組處理的基礎支持。
  • 在郵政導航模塊中，在選項組預設中增加了對複合組處理的基礎支持。
  • 在定價表模塊中的選項組預設中增加了對複合組處理的基礎支持。
  • 在搜索模塊中的期權組預設中增加了對複合組處理的基礎支持。
  • 在“部分模塊”中的選項組預設中增加了對複合組處理的基礎支持。
  • 在InsigupCustomfield模塊中的期權組預設中增加了對複合組處理的基礎支持。
  • 在幻燈片模塊中的期權組預設中增加了對複合組處理的基礎支持。
  • 在證明模塊中的選項組預設中增加了對複合組處理的基礎支持。
  • 在切換模塊中的選件組預設中增加了對複合組處理的基礎支持。
  • 修復了Inner-Row模塊的ET_Clickable類缺少問題，這使模塊從設置設置鏈接值時無法可信。
  • 在“添加佔位符內容”和“轉換動態模塊”頁面中更新代碼示例，以從模塊包中導入佔位量的實用程序函數。
  • 固定的示例模塊在更新軟件包以導入佔位量式實用程序函數時未加載示例模塊。
  • 修復了音頻模塊中的安全問題。
  • 修復了一個具有多個具有相似後綴的屬性名稱的複合組導致屬性選擇不一致。
  • 修復了背景組件中的安全問題。
  • 修復了標題和頁腳樣式在索引頁面（例如類別頁面和搜索結果頁面）上無法正常工作。
  • 修復了一個問題，該問題阻止了視覺構建器在包含短代碼模塊的頁面上加載。

今天跳入Divi 5

Divi 5 Public Alpha今天可用。如Divi 5的原始多相發佈時間表中所述，Divi 5公共alpha就像“ Divi 5 Lite”。它缺少一些功能，並且可能不適合現有網站，但是如果您更喜歡Divi 4的體驗，可以在新網站上使用。嘗試一下，讓我們知道您的想法！

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

請繼續關注每兩週的新Divi 5版本。從這裡開始，Divi 5將定期通過Alpha，Beta和其他地區改進。