安云网 - AnYun.ORG | 专注于网络信息收集、网络数据分享、网络安全研究、网络各种猎奇八卦。
当前位置: 安云网 > WordPress技巧 > WordPress实现GIF点击播放的2款插件wp-gif-player

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

时间:2018-10-10来源:未知 作者:安云网点击:
有时候我们需要在WordPress网站加上GIF图片,可以提高网站的气氛,活跃用户,给用户提高更丰富的内容展示。但如果GIF图片内容过多,会造成网站加载速度超级慢,有时候甚至会拖垮整个网站。由于单个GIF体积很大,页面加载会比
//内容来自安云网

有时候我们需要在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.  } ?>

 


本文标题: WordPress实现GIF点击播放的2款插件wp-gif-player 安云网
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
验证码: 点击我更换图片
相关内容
推荐内容