You are here:  Home » PHP » 如何在WordPress中添加单击以加载GIF

是否要在WordPress网站添加点击加载GIF播放器动画GIF图像需要更长时间才能加载,这会影响页面速度和用户体验。这就是为什么许多流行的博客平台不会在他们的应用程序中自动加载GIF。在本文中,我们将向您展示如何在WordPress中轻松添加点击加载GIF。

Adding click to load for Gifs in WordPress

为什么在WordPress中添加单击以加载GIF?

如果您经常在WordPress中添加动画GIF图像,那么您已经知道它们的尺寸比常规图像大。这意味着它们需要更长时间才能加载,这会影响您的网站速度和性能

有些网站通过在WordPress中加载图片来处理这个问题。但是,这仍会影响用户体验,因为GIF在用户向下滚动时需要更长时间才能加载。

像Tumblr和其他人一样的热门平台使用点击加载GIF播放器来缓解这个问题。它们不是加载GIF动画中的所有帧,而是仅加载动画的第一帧。图像上的播放按钮或GIF标签表示用户可以单击以查看动画GIF。

Paused GIF example

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

在WordPress中添加单击以加载GIF

您需要做的第一件事是安装并激活WP GIF Player插件。有关更多详细信息,请参阅有关如何安装WordPress插件的分步指南。

这个插件开箱即用,没有任何设置。

您可以转到帖子编辑屏幕以查看其运行情况。

Add GIF button in WordPress post editor

在帖子编辑屏幕上,您会注意到帖子编辑器上方的添加GIF按钮。单击它将弹出媒体上传器弹出窗口,您可以在其中上传与任何其他图像类似的GIF图像。

Upload GIFs using the Add Gif button

上传后,您需要单击“插入图像”按钮继续。

WP GIF播放器插件现在将在您的WordPress帖子编辑器中添加所需的短代码。

GIF shortcode in WordPress post editor

您现在可以保存帖子/页面,然后单击预览按钮以查看您的点击以加载GIF。

您帖子上嵌入的所有GIF现在都有一个标记为GIF的按钮。单击该按钮将在后台加载动画GIF并显示它。

Click to play animated GIF

这个插件的一个缺点是它只适用于上传的新GIF。它不会为使用普通WordPress媒体上传器上传的GIF添加点击加载。这意味着您之前上传的所有GIF都没有点击加载按钮。

我们希望本文能帮助您了解如何添加点击以在WordPress中加载GIF播放器。您可能还希望查看有关如何解决WordPress中常见图像问题的指南。

评论被关闭。