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

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

• 单个页面只提供数量有限的GIF图片，尽可让它体积小一点；

• 按需加载/异步加载，随着屏幕滚动，逐渐加载；

• 给GIF加个开关，手动控制它播放/停止；

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

1、WP GIF Player

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

• GitHub下载：https://codeload.github.com/sketchmouse/wp-gif-player/zip/master

• WordPress下载：https://downloads.wordpress.org/plugin/wp-gif-player.0.9.zip

• 百度网盘下载：https://pan.baidu.com/s/1PGvwYX0FVuW3jDP9JO7SBA  密码: vkd2

• 汉化语言包下载：https://pan.baidu.com/s/1nmOOwx75XQOPy87rF4B1xg 密码: 5kmn

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

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

2、GIF Animation Preview

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

• WordPress下载：GIF Animation Preview

• 百度网盘下载：https://pan.baidu.com/s/12Zy0S5NdLhkJdNz6gs6MWQ 密码: 82pw

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

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

1. <?php if ( has_post_thumbnail() ) {

2.  the_post_thumbnail();

3.  } ?>