WPEXP想给大家做个图片处理的对比效果，所以在 WordPress 插件库找到了个图片前后拖拉对比的 WordPress 功能插件——Twenty20 Image Before-After。
Twenty20 是由 Zurb 团队开发的 TwentyTwenty 脚本的 WordPress 插件。
装了这个插件之后，就可以有各种各样的创意展示。例如像缙哥哥的博客那样的图片对比，也可以跟 WPEXP 这样的前后变化。最重要的是，它能完美的自适应各种终端，对了，它还支持那个牛逼哄哄的页面构建器。
Twenty20 插件优点
- 支持响应式主题，在任意终端上展示。
- 不需要图像即可工作。
- 简洁的用户界面。
- 在小部件上前后添加。
- 支持流行的页面构建器。
- 支持 WP Image alt 作为图像 alt 和标题。
支持的页面构建器插件
- WP Bakery Visual Composer
- Elementor Page Builder
- UX Builder by UXThemes
Twenty20 使用范例
[twenty20 img1="100" img2="101" direction="horizontal" offset="0.5" align="" width="100%" before="WPEXP左侧图片" after="WPEXP右侧图片"]Twenty20 参数详解
| 参数 | 默认值 | 说明 |
| img1 | null / 空值 | 第一张图片ID/网址/链接，在左侧。 |
| img2 | null / 空值 | 第二张图片ID/网址/链接，在右侧。 |
| before | null / 空值 | 左侧图片的标题或自定义文本。 |
| after | null / 空值 | 右侧图片的标题或自定义文本。 |
| offset | 0.5 | 左图占据整个图片的比例，范围在0.1-1之间。 |
| direction | horizontal | vertical为垂直，horizontal为水平。 |
| align | none | 对齐设置可用于将滑块设置为right或left。 |
| hover | false | 悬停设置可用于滑块跟随鼠标移动而移动。 |
| width | 100% | 宽度设置可以百分比和像素的形式使用。例如88%或800px |
Twenty20 汉化效果
那么来个现学现用，看着英文界面着实不舒服，顺手就将其汉化了。小伙伴们可以拖动查看汉化前后的对比！
