1. 橘子皮首页
  2. WP开发

为WordPress的GIF动态图实现点击加载

想要在你的WordPress网站上添加一个点击加载GIF播放器?在平时的网站中,加载动态GIF图片需要比较长时间,这会影响页面速度和用户体验。这就是为什么许多博客网站平台较少的添加GIF的原因。但是在本文中,我将给你们介绍如何轻松的添加实现点击加载GIF的方法。
为WordPress的GIF动态图实现点击加载

为什么要在WordPress添加点击加载在的GIF?

如果您经常在WordPress中添加动态GIF图像,那么你肯定知道它们的尺寸比普通图像大,这意味着加载的时间需要更多,肯定会影响您的网站的速度和性能。在一些网站仲,有些人是通过延迟加载图像来处理这个问题,但是,这仍然会影响用户体验,因为用户滚动时GIF需要较长时间才能加载。像Tumblr和其他流行的平台使用点击加载GIF播放器来缓解这个问题。而不是加载所有的框架在GIF动画,他们只加载动画的第一帧。图像上的播放按钮或GIF标签表示可以点击查看GIF动画。

话虽如此,现在让我们来看看如何在WordPress网站上添加GIF的点击加载按钮。

好吧,这其实是需要用到一个插件,WP GIF Player(自行在插件里搜索吧),这个插件可以直接使用,并且没有复杂设置,非常简单。
如下图,安装完成后,文章会多出一个添加按钮
为WordPress的GIF动态图实现点击加载
点击它将弹出媒体上传框,你可以上传需要的GIF图像
为WordPress的GIF动态图实现点击加载
上传之后,WP GIF播放器插件现在将在您的WordPress文章编辑器中添加所需的短代码
为WordPress的GIF动态图实现点击加载
保存文章/页面,并点击预览按钮,可以看到你的点击加载GIF的按钮。
为WordPress的GIF动态图实现点击加载
这个插件的一个缺点是,它只适用于上传的新GIF。它不会为以前上传的GIF添加点击加载,这意味着您以前上传的所有GIF都不会有点击加载按钮。

备注:
WP GIF Player 貌似不能和其他灯箱效果或延迟加载功能一起使用,否则无法正常播放GIF。

文章整理,作者:橘子皮,如若转载,请注明出处:https://www.juzip.cn/1494.html

本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。

发表评论

电子邮件地址不会被公开。 必填项已用*标注