在使用WordPress做网站的时候,
我们会遇到相似场景且不同状态下的两张图片。
那么使用divi主题中的图像滑块模块,
可以将通过图片对比的方式可以更好的展示图片效果。
在这篇文章中,
WP花园将会为您深入解如何使用divi主题中的图像滑块模块。
在使用Divi主题模块之前,你需要购买正版的Divi主题,这里是我们WP花园的Divi主题70%折扣购买通道。
什么是图像滑块模块
在divi主题里图像滑块模块是一个具有一个画面内分别展示两张图片效果,
图片相叠中可以任意左右挪动手柄观看两张图片的差异,
对比效果让图片更加生动。
真实案例分析
我们WP花园在使用WordPress建站客户建站时
在客户网站中,有两张白天和夜晚的场景图。
普通的导入图片并不能更好的展示图片效果,
那么使用divi主题中的图像滑块选项,就能很快地满足这个需求。
图像滑块模块编辑步骤
接下来,让我们来使用divi主题的图像滑块模板来演示如何制作这一个效果吧。
首先你需要先安装好divi正版主题。
然后创建新页面,按绿色按钮添加插入行。
再按灰色的按钮添加模块,
在插入模块中找到图像滑块模块并添加。
添加成功之后,会直接跳出来编辑框,
那么接下来我们就可以手动单击来添加我们想要的第一张图片。
第一张添加成功之后,
我们往下滑会看到第二张图片的添加入口,单击进行添加。
添加成功后鼠标触碰会看到左右两边的文字,
那么接下来跟着箭头的指示进行下一步的修改文字。
点开设置,在【内容】里找到【标签】修改文字内容。
修改文字内容后,点击【设计】进行文字的二次修改,
根据需求改变字体颜色和字体背景颜色。
前标签和标签后是分别修改左右两张图片文字,
编辑完前标签文字后往下滑动即可看到标签后的文字修改选项。
在【设计】里继续往下滑会看到编辑手柄的选项,
很多做跨境电商的朋友往往需要外国人的服务,比如录音、社媒代运营等等。我们整理出来很多低价且高质量的外国人服务商,分享给大家。
fiverr上15美元的海外社媒代运营服务
fiverr上25美元的Twitch设计服务
fiver上10美元的短视频广告投放服务
fiverr上15美元的视频编辑服务
fiverr上20美元的谷歌广告投放服务
fiverr上5美元的谷歌SEO服务
fiverr上10美元的英文文章撰写服务
fiverr上20美元的CMS网站建站服务
fiverr上40美元的手机APP开发服务
fiverr上30美元的linkedin代运营服务
fiverr上10美元的Guest Post做客博文服务
fiverr上15美元的红人营销服务
fiverr上20美元的discord运营服务
fiverr上15美元的社群维护服务
fiverr上10美元的shopify店铺优化服务
在这里修改后就能让手柄和文字内容颜色统一。
如果觉得模块默认尺寸太小,可以点击【行设置】改变大小
在【行设置】里更改模块宽度,根据需求更改数值,
如将参数调到最大会得到全屏效果,效果更佳。
WP花园结语
如果你想使用本文中的Divi模块,可以从这里购买Divi正版主题,享受70%的折扣。
在使用WordPress为客户做外贸网站的时候。
需要表现图片或者产品变化时使用divi主题的图像滑块模块无疑是一个极好的呈现方式,
运用两者差异添加网页更多有趣元素。
在使用divi主题的过程中,
如果你遇到关于使用WordPress的divi主题建站的问题,
欢迎给我们留言!