WordPress EXP
分享10年建站经验

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

想给大家做个图片处理的对比效果,所以在 WordPress 插件库找到了个图片前后拖拉对比的 WordPress 功能插件——Twenty20 Image Before-After。

Twenty20 是由 Zurb 团队开发的 TwentyTwenty 脚本的 WordPress 插件。

装了这个插件之后,就可以有各种各样的创意展示。例如像缙哥哥的博客那样的图片对比,也可以跟 WPEXP 这样的前后变化。最重要的是,它能完美的自适应各种终端,对了,它还支持那个牛逼哄哄的页面构建器。

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

Twenty20 插件优点

  • 支持响应式主题,在任意终端上展示。
  • 不需要图像即可工作。
  • 简洁的用户界面。
  • 在小部件上前后添加。
  • 支持流行的页面构建器。
  • 支持 WP Image alt 作为图像 alt 和标题。

支持的页面构建器插件

  • WP Bakery Visual Composer
  • Elementor Page Builder
  • UX Builder by UXThemes
WordPress 图片拖动对比插件 Twenty20 汉化下载

Twenty20 使用范例

[twenty20 img1="100" img2="101" direction="horizontal" offset="0.5" align="" width="100%" before="WPEXP左侧图片" after="WPEXP右侧图片"]

Twenty20 参数详解

参数默认值说明
img1null / 空值第一张图片ID/网址/链接,在左侧。
img2null / 空值第二张图片ID/网址/链接,在右侧。
beforenull / 空值左侧图片的标题或自定义文本。
afternull / 空值右侧图片的标题或自定义文本。
offset0.5左图占据整个图片的比例,范围在0.1-1之间。
directionhorizontalvertical为垂直,horizontal为水平。
alignnone对齐设置可用于将滑块设置为rightleft
hoverfalse悬停设置可用于滑块跟随鼠标移动而移动。
width100%宽度设置可以百分比和像素的形式使用。例如88%800px

Twenty20 汉化效果

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

Twenty20 汉化下载

赞(2) 打赏
转载请注明来源及链接:WPEXP » WordPress 图片拖动对比插件 Twenty20 汉化下载
分享到: 更多 (0)

WordPress EXP - 分享10年WP建站经验,提供WordPress相关服务!

我要帮助我要托管

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏