新組的旋轉木馬模塊,洛蒂模塊等等!

已發表: 2025-08-09

今天,我們發布了三個針對Divi 5的新模塊,包括備受要求的組旋轉木馬模塊,該模塊使您可以使用Divi 5的新循環構建器創建任何類型的旋轉木馬或滑塊,包括基於後的旋轉木馬。

我們還為簡單的基於JSON的動畫和一個圖標列表模塊添加了一個Lottie模塊,以便於列表創建。

Divi 5的新架構使模塊創建變得簡單,因此在Divi 5的正式版本後,我們將發布令人驚訝的新模塊。這只是一個開胃菜,可以讓您結束,而我們專注於下個月進入Beta階段。

查看以下視頻以查看動作中的新功能。

目錄
  • 1組旋轉木馬模塊
    • 1.1創建帖子,學期和基於用戶的旋轉木馬
  • 2個旋轉木馬的例子
    • 2.1示例#1:自定義全屏滑塊
    • 2.2示例#2:多掃描的團隊輪播
    • 2.3示例#3:基於術語的循環輪播
    • 2.4示例#4:具有創意過渡的食物菜單
  • 3 Lottie模塊
  • 4個圖標列表模塊
  • 5今天嘗試Divi 5
  • 6您嘗試過循環構建器嗎?
  • 另外7個Divi 5更新正在途中

組旋轉木製模塊

最重要的補充是組旋轉木製模塊。

與其他旋轉木馬不同,旋轉木馬的每個滑梯都是空白的帆布。您可以在每個幻燈片中添加任何模塊以創建任何輪播或滑塊。您可以控制幻燈片的數量,幻燈片的內容和其他動畫設置。由於可以使用Divi廣泛的設計設置來設計小組,因此您可以製作獨特的樣式和過渡效果。

創建帖子,術語和基於用戶的旋轉木馬

Divi 5的循環構建器允許您在輪播中循環一個組以創建帖子,學期或基於用戶的輪播。這可以從您的網站中提取動態內容,以自動填寫每張幻燈片。

在組上啟用循環,自定義查詢,然後將動態內容插入輪播元素。在此示例中,我使用使用ACF創建的自定義帖子類型和字段構建了一個推薦旋轉木馬。

旋轉木馬的例子

組旋轉木馬模塊的美麗是,輪播中的每個滑梯都是裝在Divi組容器中的空白帆布。您可以在其中添加任何模塊,以及嵌套的行,並使用FlexBox創建高級幻燈片佈局。

天空是極限!

您還可以利用Divi的全範圍設計設置,例如變換,濾鏡和盒子陰影,以創建過渡效果。

示例#1:自定義全屏滑塊

組旋轉木馬可以顯示每頁的任何數量的幻燈片。如果將其限制為單個幻燈片,則有一個滑塊。您可以擺脫Divi現有的滑塊模塊,以創建新的東西。

示例#2:多掃描的團隊輪播

您可以選擇每個頁面顯示多少個幻燈片,以及每次單擊箭頭時要滾動多少個幻燈片。在此示例中,我為“關於”頁面創建了一個團隊滑塊,包括使用社交關注模塊的社交鏈接。

示例#3:基於術語的循環輪播

您可以使用Divi 5的循環構建器構建基於術語的旋轉木馬。在此示例中,旋轉木馬正在循環瀏覽WooCommerce產品類別。類別名稱和特徵圖像是動態生成的,每個幻燈片都在循環中。

示例#4:具有創意過渡的食物菜單

在此示例中,我創建了一個菜單,該菜單通過銷售銷售的菜單列出。當我滑入每個項目時,調整非活動幻燈片的規模和不透明度會產生有趣的過渡效果。

洛蒂模塊

新的Lottie模塊使您可以輕鬆地在您的網站上添加Lottie動畫並控制其動畫和互動。

Lottie動畫很棒,因為它們是基於JSON和SVG的動畫,使它們輕巧且完美。在網上有很多地方可以找到出色的動畫,並可以輕鬆地將它們添加到您的頁面中。

Lottie模塊使您可以自定義動畫速度,觸發器,方向,循環等等。

注意: WordPress媒體庫不允許上傳JSON文件。如果要通過WordPress媒體庫上傳Lottie動畫,則可以使用插件(例如文件上傳類型)啟用JSON上傳。

圖標列表模塊

圖標列表模塊是一個簡單的添加,它填充了Divi最基本模塊中的一個小空白。它使創建列表並為每個項目分配獨特的圖標。

以前,創建列表的唯一方法是在文本模塊中手動手動,這使它成為一個簡單但受歡迎的添加。

今天嘗試Divi 5

這些新模塊今天可用於Divi 5,是今年即將進入Divi的許多功能之一。

您可以隨著我們的進展,通過Divi 5及以後的最終版本,每兩週更新一次。根據您的優先級,您現在可以使用Divi 5來構建新網站或等到我們添加更多功能,任何最適合您的功能。

如Divi 5的原始多相發佈時間表中所述,Divi 5公共alpha就像“ Divi 5 Lite”。它缺少一些功能,並且可能不適合現有網站,但是如果您更喜歡Divi 4的體驗,就可以在新網站上使用。

我們希望您嘗試一下,如果您喜歡它,請使用它;當每個人都喜歡它時,我們將正式進行。

您嘗試過循環構建器嗎?

如果您錯過了它,我們最近發布了Divi 5的全新循環構建器。

Divi的Loop Builder的自由是獨一無二的。您可以循環循環,而無需僅限於靜態循環模塊或容器。構建循環元素,然後使用各種方便的選項和元查詢來自定義查詢。它支持自定義帖子類型,包括WooCommerce,使用ACF創建的自定義字段,甚至是ACF中繼器字段。

這是一個令人難以置信的功能!

觀看此視頻以獲取所有細節。

更多Divi 5更新正在進行

2025年是Divi 5年。乏味的工作在我們身後。我們建立了超級快速的基礎,現在是時候讓Divi捲土重來了。

如果您是在這裡進行Divi捲土重來,請給我們一個巨大的忙,並通過喜歡此視頻並發表評論來告訴我們。看到您為Divi加油對我們來說意義重大,餵養算法並傳播詞至關重要。

不要忘記在YouTube上關注我們並訂閱Divi新聞通訊,因此您永遠不會錯過更新。我很快就會見到您進行另一個Divi 5功能公告,我保證將在拐角處。