WordPress 图片拖动对比插件 Twenty20 汉化下载

WordPress 图片拖动对比插件 Twenty20 汉化下载

文章目录[隐藏]

  • Twenty20 插件优点
  • Twenty20 使用范例
  • Twenty20 汉化效果
  • Twenty20 汉化下载

想给大家做个图片处理的对比效果,所以在 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 对齐设置可用于将滑块设置为rightleft
hover false 悬停设置可用于滑块跟随鼠标移动而移动。
width 100% 宽度设置可以百分比和像素的形式使用。例如88%800px

Twenty20 汉化效果

那么来个现学现用,看着英文界面着实不舒服,顺手就将其汉化了。小伙伴们可以拖动查看汉化前后的对比!


Twenty20 汉化下载

  • 官方地址(英文)https://wordpress.org/plugins/twenty20/
  • 城通网盘 https://n459.com/file/5210373-462978635
  • 蓝奏云盘 https://www.lanzoux.com/ijUjNh01n7i
分享到 :
相关推荐