图片比较效果是现代网站设计中非常常见的一个模块，它能够非常直观的展示之前和之后的效果对比，为网站访客带来更佳的体验
Twenty20 是一个专门制作图片比较的WordPress插件，它能够让你快速在文章或者页面中插入之前和之后对比图片
Twenty20使用方法
该插件使用起来很简单，安装好之后它会在编辑器中添加一个 Add Twenty20 按钮
点击之后会跳出图库界面，你可以选择2张同样大小的图片
确定之后会弹出一个选项面板，这里面有很多的设置，包括
- 图片文字介绍
- 图片对比的宽度
- 偏移量
- 横纵模式选择
- 控制方式选择等
你可以创建多种类型的图片对比模块
Twenty20侧边栏小工具
如果你需要在侧边栏加入图片对比模块的话，可以使用 Twenty20 Slider 小工具，拖动到自己想要添加的地方
Elementor集成
如果你使用了Elementor编辑器的话，它还会在工具中添加一个twenty20的元素，你可以更轻松的设置之前和之后的图片，而且这样就可以随时编辑了，不过也有个缺点就是不能直接预览
一日程新手WP建站指南（https://www.yiricheng.cn/），为广大编程爱好者提供零基础快速搭建博客网站的方法，分享计算机网络、HTML、CSS、JavaScript、PHP、响应式设计以及Python自动化办公的博客文章，另有各类小工具、电子书、免费教程。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。