如何在Divi主题中添加滑块
您想知道如何在Divi主题中添加滑块吗?让我向您展示正确的设置。难怪!滑块增强了您网站的视觉吸引力。毫无疑问,它会吸引人们对您的重要内容的关注。 在 Divi 主题中添加滑块是一个简单的过程。您需要找到滑块模块并根据您的要求进行设置。在本文中,我还将告诉您如何向您的网站添加全宽滑块。
如何在Divi主题中添加滑块 13 此外,我将教您如何更改 Divi 滑块高度。我已尽力通过屏幕截图解释设置。在了解详细信息之前,您应该了解在您的商业网站中添加滑块的优势。 整合网站滑块有几个好处!它们如下
- 通过动态元素交互提高用户参与度
- 在有限的空间内以简洁的方式传达重要信息。
- 突出显示重要内容并充当导航元素。
- 推广多种产品和特别优惠。
- 使您的网站在视觉上更具吸引力。
推荐:[最新版]WP Speed of Light Pro插件WordPress速度优化插件
怎么在Divi主题中添加滑块Divi Slider
只需按照简单的流程将滑块纳入使用 Divi 主题构建的网站中即可。
1、单击“添加新页面”或编辑您的网站主页或任何页面。选择“Use Divi Builder 使用 Divi Builder 编辑” ,将被重定向到编辑部分,您必须在其中选择“从头开始构建Build From Scratch”并单击“开始构建Start Building”。
如何在Divi主题中添加滑块 14 2、现在该选择所需的列数了。这里,我选择的是一列结构。
如何在Divi主题中添加滑块 15 3、搜索“ Slider滑块 ”模块。
如何在Divi主题中添加滑块 16 4、当您选择滑块模块时,它将显示默认内容。
如何在Divi主题中添加滑块 17 推荐:WP Staging Pro插件教程WordPress备份复制迁移插件
5、现在,必须更改标题、内容、按钮文本、链接和其他设置。 通过以下首选项更改标题。单击“绿色勾号”选项以保存设置。
如何在Divi主题中添加滑块 18 6、根据您的需要更改正文内容,可以添加图像!添加“阅读更多”按钮的链接,添加更多幻灯片。完成设置后,别忘了点击“绿色勾号”按钮。
如何在Divi主题中添加滑块 19 7、已经看到了“内容”设置。现在转到“设计”选项卡来自定义您的 Divi 滑块。
- 图像边框样式,通过图像边框样式执行图像部分的角落。请看下面的屏幕截图!
- 文本阴影,为了给您的文本添加一些阴影效果。检查给出的选项!
- 间距,滑块间距的详细边距和填充设置。
- Box Shadow设置,通过此选项,您可以为滑块执行阴影效果。
- 动画,可以将动画添加到 Divi 滑块。查看下图,其中显示了您可以添加的不同类型的动画。
- 高级 CSS ID 和类,有一个空间来添加自定义 CSS ID 和类以实现个性化。
- 高级自定义 CSS,为了使您的滑块独一无二,请使用此自定义 CSS 设置。
- 高级过渡,Divi 构建器滑块具有详细的过渡设置,如持续时间、延迟和速度曲线。根据您的需要设置这些选项。
- 高级滚动效果,您可以为幻灯片启用滚动效果,例如粘性、变换、垂直运动和运动效果触发器。
推荐:如何在Divi主题页脚下方添加文本
如何在Divi主题中添加全宽滑块
如果您需要设计全宽 Divi 滑块,请按照以下步骤操作。 单击“ + ”按钮(如下图所示)获取新部分并选择全宽。
如何在Divi主题中添加滑块 20 选择全宽选项后,找到“全宽滑块 Fullwidth Silder”。
如何在Divi主题中添加滑块 21 像我们对滑块模块所做的那样进行设置(步骤如上所述)。您将获得创建全宽滑块的所有自定义选项。检查您正在寻找的输出样本!
如何在Divi主题中添加滑块 22 推荐:[最新版]Green Popups插件下载WordPress弹出窗口插件
如何更改Divi滑块高度
通过改进的 Divi 设置,可以轻松更改滑块高度。您无需添加任何 CSS 代码即可调整高度。 只需访问滑块模块并转到“设计”选项卡。在“尺寸”设置下,您将获得滑块高度选项,以使其最小或最大。
注意 –此高度设置也适用于移动设备,以修复移动设备和平板电脑使用的不同高度。您还可以使用顶部和底部填充设置来调整 Divi 主题中的幻灯片高度。
推荐:WordPress函数block_editor_rest_api_preload()给定块编辑器上下文预加载的 REST API
如何在Divi中添加视频滑块
在 Divi 主题中集成视频滑块非常简单!您需要搜索“ 视频滑块Video Silder ”模块,遵循上述为 Slider 模块提供的相同指导原则。
如何在Divi主题中添加滑块 23 推荐:使用Seraphinite Accelerator插件提高WordPress网站速度
总结
以上使晓得博客为你介绍的如何在Divi主题中添加滑块的全部内容,Divi Builder Slider 包含一个用户友好的界面,可用于为您的专业网站创建自定义设计。您将通过图像、视频和文本幻灯片获得完整的导航控制,从而为您的观众制作引人入胜的设计。 具有完全响应性,并具有高级功能以实现高用户交互。希望对你的WordPress建站有所帮助,如有问题可联系我们。尽管滑块是一种分散注意力的元素并影响网站加载速度,但它可以通过视觉上吸引人的设计吸引更多访问者,从而最大限度地提高转化率。
推荐:[最新版]Slider Revolution滑块插件WordPress滑块插件
推荐:Divi builder建站教程