WordPress实现GIF点击播放的2款插件wp-gif-player

2018年7月13日06:37:04 4 31 views

有时候我们需要在WordPress网站加上GIF图片,可以提高网站的气氛,活跃用户,给用户提高更丰富的内容展示。但如果GIF图片内容过多,会造成网站加载速度超级慢,有时候甚至会拖垮整个网站。由于单个GIF体积很大,页面加载会比普通图片更耗时间。我们在添加DIF图片的时候通常要考虑以下几点:

  • 单个页面只提供数量有限的GIF图片,尽可让它体积小一点;
  • 按需加载/异步加载,随着屏幕滚动,逐渐加载;
  • 给GIF加个开关,手动控制它播放/停止;

WordPress实现GIF点击播放的2款插件wp-gif-player

 

最直接有效的方式就是给GIF加个开关,如果再能配合前两点,效率会更高。网上对于WordPress网站实现点击播放GIF图片的介绍也有很多,这里总结2款插件:

1、WP GIF Player

WordPress官方已停止更新并禁止下载,所以网上原来的下载地址很多都无效,下面是整理的网络下载资源。

 

插件安装过程不再描述,安装和设置都比较简单。如需下载简体中文汉化版,请选择百度网盘下载,已经添加了汉化语言包,你也可以单独下载简体中文汉化包,添加到插件languages文件夹即可。

WordPress实现GIF点击播放的2款插件wp-gif-player

 

注意:这个插件只适用于新上传的GIF图片,不会对之前的GIF实现点击加载。WP GIF Player 似乎也不能和其他灯箱效果或延迟加载功能一起使用,否则会造成无法正常播放GIF。

 

2、GIF Animation Preview

安装并启用插件后,不需要做太多设置,保持默认配置即可。默认GIF的交互方式是鼠标hover后播放,再次滑入停止。如果想改成点击,只要在插件设置里去掉“Start animation on mouse hover”前的选框即可。

 

插件会自动识别GIF,并且将它们改成第一帧静态图,这样页面加载速度就大大提升了,只有播放时才加载完整GIF。新版本的插件,还加入了对“post_thumbnail”标签,也就是“特色图像”的支持。

WordPress实现GIF点击播放的2款插件wp-gif-player

 

注意:如果你发现“特色图像”里的GIF上没有出现开关,还跟往常一样自动播放,那也许是你正在使用的主题对“post_thumbnail”有过修改,可以在 “yourtheme/content.php” 里查看并修改。通常是“post_thumbnail”函数被重新定义过,启用标准模板的标签,插件就可以生效了。

  1. <?php if ( has_post_thumbnail() ) {
  2.  the_post_thumbnail();
  3.  } ?>

 

Liwei

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

目前评论:4   其中:访客  2   博主  2

    • 区块链 区块链 4

      :oops: 然而你这图片并没有点击效果。

        • Liwei Liwei Admin

          @区块链 哈哈,这个只是静态用的图片 :mrgreen:

        • boke112导航 boke112导航 5

          如无必要我一般不使用GIF图片,感觉还是太大了

            • Liwei Liwei Admin

              @boke112导航 却是很占内存,博客类的文章应该很少用GIF,图片类或者摄影类的博客应该会用到