在使用WordPress做网站的时候,

我们会遇到相似场景且不同状态下的两张图片。

那么使用divi主题中的图像滑块模块,

可以将通过图片对比的方式可以更好的展示图片效果。

在这篇文章中,

WP花园将会为您深入解如何使用divi主题中的图像滑块模块。

在使用Divi主题模块之前,你需要购买正版的Divi主题,这里是我们WP花园的Divi主题70%折扣购买通道。

什么是图像滑块模块

在divi主题里图像滑块模块是一个具有一个画面内分别展示两张图片效果,

图片相叠中可以任意左右挪动手柄观看两张图片的差异,

对比效果让图片更加生动。

真实案例分析

我们WP花园在使用WordPress建站客户建站时

在客户网站中,有两张白天和夜晚的场景图。

普通的导入图片并不能更好的展示图片效果,

那么使用divi主题中的图像滑块选项,就能很快地满足这个需求。

图像滑块模块编辑步骤

接下来,让我们来使用divi主题的图像滑块模板来演示如何制作这一个效果吧。

首先你需要先安装好divi正版主题。

然后创建新页面,按绿色按钮添加插入行。

再按灰色的按钮添加模块,

在插入模块中找到图像滑块模块并添加。

添加成功之后,会直接跳出来编辑框,

那么接下来我们就可以手动单击来添加我们想要的第一张图片。

第一张添加成功之后,

我们往下滑会看到第二张图片的添加入口,单击进行添加。

添加成功后鼠标触碰会看到左右两边的文字,

那么接下来跟着箭头的指示进行下一步的修改文字。

点开设置,在【内容】里找到【标签】修改文字内容。

修改文字内容后,点击【设计】进行文字的二次修改,

根据需求改变字体颜色和字体背景颜色。

前标签和标签后是分别修改左右两张图片文字,

编辑完前标签文字后往下滑动即可看到标签后的文字修改选项。

在【设计】里继续往下滑会看到编辑手柄的选项,

在这里修改后就能让手柄和文字内容颜色统一。

如果觉得模块默认尺寸太小,可以点击【行设置】改变大小

在【行设置】里更改模块宽度,根据需求更改数值,

如将参数调到最大会得到全屏效果,效果更佳。

WP花园结语

如果你想使用本文中的Divi模块,可以从这里购买Divi正版主题,享受70%的折扣。

在使用WordPress为客户做外贸网站的时候。

需要表现图片或者产品变化时使用divi主题的图像滑块模块无疑是一个极好的呈现方式,

运用两者差异添加网页更多有趣元素。

在使用divi主题的过程中,

如果你遇到关于使用WordPress的divi主题建站的问题,

欢迎给我们留言!