文|雪梨金鱼宝宝
很多网站在展示产品页面的时候会加入前后的功能，以展示产品前后的使用功效对比。
如截图所示。
这个功能WordPress网站就可以轻松添加。
我们通过添加先关的功能的WordPress插件就可以完成该效果
这里给大家演示的WordPress 插件是Twenty20 Image Before-After
在WordPress后台搜索安装该插件，然后激活，就可以使用了。
在编辑页面的时候，就可以在你的WordPress编辑器里找到这个插件。
然后在你的WordPress媒体管理里面，选择两张图片作为前后对比的效果
选择好图片，然后点击insert插入
然年就进行具体的编辑界面
设置好，点击insert shortcode添加短代码，然后在你需要添加该功能的时候，添加这段短代码就可以了
当然了，还可以添加到widget微件中。
在WordPress后台，找到外观appearance，微件widget，然后把设置好的微件拖到你需要的位置
然后，你的网页 before and after功能就设置好啦
除了这款Twenty20 Image Before-After，还可以试试其他的插件哦
赶快去试试吧。
推荐阅读：
WordPress建站如何选择你的网站主题？
内容来源网络，如有侵权，联系删除，本文地址：https://www.230890.com/zhan/182442.html