WordPress图片比较插件 Twenty20 Image Before-After

WordPress图片比较插件 Twenty20 Image Before-After

图片比较效果是现代网站设计中非常常见的一个模块,它能够非常直观的展示之前和之后的效果对比,为网站访客带来更佳的体验

Twenty20 是一个专门制作图片比较的WordPress插件,它能够让你快速在文章或者页面中插入之前和之后对比图片

Twenty20使用方法

WordPress图片比较插件 Twenty20 Image Before-After

该插件使用起来很简单,安装好之后它会在编辑器中添加一个 Add Twenty20 按钮

点击之后会跳出图库界面,你可以选择2张同样大小的图片

确定之后会弹出一个选项面板,这里面有很多的设置,包括

  • 图片文字介绍
  • 图片对比的宽度
  • 偏移量
  • 横纵模式选择
  • 控制方式选择等
WordPress图片比较插件 Twenty20 Image Before-After

你可以创建多种类型的图片对比模块,点击查看Demo

WordPress图片比较插件 Twenty20 Image Before-After

Twenty20侧边栏小工具

WordPress图片比较插件 Twenty20 Image Before-After

如果你需要在侧边栏加入图片对比模块的话,可以使用 Twenty20 Slider 小工具,拖动到自己想要添加的地方

Elementor集成

WordPress图片比较插件 Twenty20 Image Before-After

如果你使用了Elementor编辑器的话,它还会在工具中添加一个twenty20的元素,你可以更轻松的设置之前和之后的图片,而且这样就可以随时编辑了,不过也有个缺点就是不能直接预览

原创文章,作者:Tony,如若转载,请注明出处:https://www.xxside.com/1578.html

思德心语,壹群:799239814

(0)
上一篇 2019年10月9日 下午2:11
下一篇 2019年10月9日 下午8:47

相关推荐

发表评论

登录后才能评论