5個旋轉木馬設計5(免費下載)

已發表: 2025-09-16

組的旋轉木馬模塊比以往任何時候都更容易創建看起來很乾淨的旋轉木馬,非常適合不同的屏幕尺寸,並且在Divi 5中易於自定義。在此免費包裝中,您會發現5種獨特的旋轉木馬部分設計,每種設計旨在繼承您的全球風格,以在網站跨站點的一致品牌構建。這些旋轉木馬已準備就緒,您可以進入任何頁面!

目錄
  • 1預覽
  • 2下載5個旋轉木製部分5
  • 3免費下載
  • 4包括什麼(6個出口)
  • 5如何使用輪旋設計
    • 5.1 1。進口部分進入Divi庫
    • 5.2 2。在頁面上添加一個旋轉木馬部分
  • 6樣式的工作原理(僅默認)
  • 7定制旋轉木馬
    • 7.1 1。更換幻燈片內容
    • 7.2 2。調整輪播設置
    • 7.3 3。將元素添加到幻燈片
    • 7.4 4。重新訂購,複製或卸下幻燈片
    • 7.5 5。使用Flexbox的控制幻燈片佈局
    • 7.6 6。使用設計變量,預設和擴展屬性
    • 7.7 7。可選:用循環構建器切換到動態內容
  • 8今天使用Divi 5用於建造輪播

預覽

讓我們看一下此包裝中的所有5個旋轉木馬部分。此包可以免費下載帖子。

訂閱我們的YouTube頻道

Divi 5的旋轉木馬設計

下載5個Carousel部分的Divi 5

免費獲取所有5個旋轉木馬部分。每個部分都是默認版本,可訪問您網站的全局顏色,字體和按鈕。將它們導入您的Divi庫,並將它們添加到任何頁面。

下載文件
免費下載

免費下載

加入Divi新聞通訊,我們將向您發送終極Divi著陸頁佈局包的副本,以及大量其他驚人和免費的Divi資源,提示和技巧。跟進,您將立即成為Divi大師。如果您已經訂閱,則只需在下面的電子郵件地址中輸入您的電子郵件地址,然後單擊下載即可訪問佈局包。

您已成功訂閱。請檢查您的電子郵件地址以確認您的訂閱並獲取免費的每週Divi佈局包!

包括什麼(6個出口)

下載並解壓縮文件夾後,您會發現所有6個佈局導出整齊地組織為各個部分,並作為完整的“所有部分”包。

默認值 - 各個部分(5)→使用您的全局樣式。
默認值 - 使用全局樣式的所有部分(1)→完整包。

Divi 5的旋轉木馬設計

如何使用輪旋設計

保持下載文件夾封閉,以開始將其導入到Divi網站。

1。導入到Divi庫

轉到Divi→Divi庫。

Divi 5的旋轉木馬設計

到達那里後,單擊導入和導出按鈕以安裝文件。

Divi 5的旋轉木馬設計

查找旋轉木製部分(全部)文件,然後單擊以導入它。

Divi 5的旋轉木馬設計

2。在頁面上添加一個旋轉木馬部分

在Visual Builder中打開一個頁面(或創建新的頁面)。

Divi 5的旋轉木馬設計

單擊藍色“+”添加新部分,然後從庫中選擇添加

Divi 5的旋轉木馬設計

單擊要插入的輪播部分。

Divi 5的旋轉木馬設計

單擊使用此部分按鈕加載部分。

Divi 5的旋轉木馬設計

完成後確保保存頁面。

Divi 5的旋轉木馬設計

樣式的工作原理(僅默認)

這些部分繼承了您網站的顏色,版式,按鈕和間距的全局樣式。如果您已經建立了全球樣式,則旋轉木馬將立即與您的品牌匹配。您仍然可以在需要時覆蓋部分,行,列或模塊級別。

Divi 5的旋轉木馬設計

定制旋轉木馬

Divi 5的組旋轉木製模塊為您提供了強大的工具來調整佈局,同時保持一切響應。這是自定義這些部分以適合您網站的樣式的方法。

1。更換幻燈片內容

在視覺構建器中,懸停幻燈片並打開內部的模塊 - 圖像,文本模塊,按鈕,blurb或圖標列表。更換圖像,複製和調用採用。您可以使用Divi AI來幫助寫簡潔的頭條或字幕。

如果幻燈片包含多個模塊,請重複每個模塊以保持樣式一致。

2。調整旋轉木馬設置

打開小組旋轉木馬設置。在“設計”選項卡中,每個設備的每個視圖設置項目,幻燈片差距,自動播放,速度,環和導航(箭頭)或分頁(點)。

Divi 5的旋轉木馬設計

使用響應式切換來微調斷點。

Divi 5的旋轉木馬設計

如果您喜歡最小的UI,請禁用箭頭或點,並依靠滑動和拖動交互。

Divi 5的旋轉木馬設計

3。將元素添加到幻燈片

打開幻燈片的內容,並添加模塊,例如按鈕,Blurb,圖標列表,視頻或Lottie動畫。在幻燈片中使用兩列行以在一側進行圖像,然後在另一側進行文本,或垂直堆疊產品卡和推薦元素。

Divi 5的旋轉木馬設計

為了快速強調,請在標題上方添加一個小文本模塊作為標籤,或使用您的主要樣式在描述下丟棄按鈕模塊。

Divi 5的旋轉木馬設計

4。重新訂購,重複或卸下幻燈片

在組旋轉木馬結構中,拖放滑梯重新排序,重複幻燈片以保持造型一致,或刪除您不需要的幻燈片。保持總數與您的項目進行平衡,以進行清潔分頁。

5。使用Flexbox的控制幻燈片佈局

在幻燈片內,將容器設置為列佈局,然後使用縫隙進行清潔間距。使用合理的內容來集中內容,並對左,中心或右對齊的項目對齊。跨幻燈片伸展物品。

Divi 5的旋轉木馬設計

如果在移動設備上包裝標題,請降低模塊響應控件中的字體大小或在文本容器上設置最大寬度。

Divi 5的旋轉木馬設計

6。使用設計變量,預設和擴展屬性

將顏色和間距綁定到您的設計變量,以便在所有幻燈片中更新品牌更新級聯。將常用的模塊樣式保存為標題,按鈕或徽章的預設。

Divi 5的旋轉木馬設計

使用擴展屬性以在一個動作中應用從一個模塊到其餘幻燈片的樣式更改。

Divi 5的旋轉木馬設計

要進行快速的全局調整,請使用整個部分的顏色或字體尺寸使用查找和替換。

Divi 5的旋轉木馬設計

7。可選:用循環構建器切換到動態內容

通過用循環元素替換靜態滑動內容,將旋轉木馬變成動態滑塊,以查詢帖子,項目或自定義帖子類型的循環元素。選擇查詢,一次設計卡,然後讓新物品自動填充旋轉木馬。

Divi 5的旋轉木馬設計

這是博客重點,產品旋轉木馬,投資組合項目或推薦的理想選擇。

立即使用Divi 5用於建造輪播

這5個組的旋轉木製部分是加快Divi 5版本的快速方法。下載它們,將它們放入任何頁面,然後將它們製作自己。組旋轉木載模塊處理運動,因此您可以專注於設計。

下載Divi 5learn更多有關Divi 5的信息