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的信息