您想在您的 WordPress 网站上添加点击加载 GIF 播放器吗?动画 GIF 图像的加载时间较长,这会影响页面速度和用户体验。这就是为什么许多流行的博客平台不会在其应用程序中自动加载 GIF。在本文中,我们将向您展示如何在 WordPress 中轻松添加 GIF 的点击加载。
![在 WordPress 中添加 Gif 的点击加载 在 WordPress 中添加 Gif 的点击加载](https://www.wpbeginner.com/wp-content/uploads/2017/11/clicktoloadgif.png)
为什么在 WordPress 中添加 GIF 点击加载?
如果您经常在 WordPress 中添加动画 GIF 图像,那么您已经知道它们的尺寸比常规图像大得多。这意味着它们需要更长的加载时间,从而影响您的网站速度和性能。
有些网站通过在 WordPress 中延迟加载图像来处理此问题。然而,这仍然会影响用户体验,因为当用户向下滚动时,GIF 需要更长的时间来加载。
Tumblr 等流行平台使用点击加载 GIF 播放器来缓解此问题。它们不加载 GIF 动画中的所有帧,而是仅加载动画的第一帧。图片上的播放按钮或 GIF 标签表示用户可以单击查看动画 GIF。
![暂停 GIF 示例 暂停 GIF 示例](https://www.wpbeginner.com/wp-content/uploads/2017/11/pausedgifexample.jpg)
话虽这么说,让我们看看如何在 WordPress 网站上添加 GIF 的点击加载按钮。
在 WordPress 中添加 GIF 的点击加载
您需要做的第一件事是安装并激活WP GIF Player插件。有关更多详细信息,请参阅我们有关如何安装 WordPress 插件的分步指南。
该插件开箱即用,无需任何设置。
您可以前往帖子编辑屏幕查看其实际情况。
![在 WordPress 帖子编辑器中添加 GIF 按钮 在 WordPress 帖子编辑器中添加 GIF 按钮](https://www.wpbeginner.com/wp-content/uploads/2017/11/addgif.png)
在帖子编辑屏幕上,您会注意到帖子编辑器上方的“添加 GIF”按钮。单击它将弹出媒体上传器弹出窗口,您可以在其中上传与任何其他图像类似的 GIF 图像。
![使用“添加 Gif”按钮上传 GIF 使用“添加 Gif”按钮上传 GIF](https://www.wpbeginner.com/wp-content/uploads/2017/11/uploadgifs.png)
上传后,您需要单击“插入图像”按钮才能继续。
WP GIF 播放器插件现在将在您的 WordPress 帖子编辑器中添加所需的短代码。
![WordPress 帖子编辑器中的 GIF 简码 WordPress 帖子编辑器中的 GIF 简码](https://www.wpbeginner.com/wp-content/uploads/2017/11/gifshortcode.png)
现在,您可以保存帖子/页面,然后单击预览按钮以查看单击加载 GIF 的实际效果。
现在,您帖子中嵌入的所有 GIF 顶部都会有一个标记为 GIF 的按钮。单击该按钮将在后台加载动画 GIF 并显示它。
![点击播放GIF动画 点击播放GIF动画](https://www.wpbeginner.com/wp-content/uploads/2017/11/clicktoplaygif.png)
该插件的一个缺点是它仅适用于上传的新 GIF。它不会为使用普通 WordPress 媒体上传器上传的 GIF 添加点击加载。这意味着您之前上传的所有 GIF 都不会有“点击加载”按钮。
我们希望本文能帮助您了解如何在 WordPress 中添加点击加载 GIF 播放器。您可能还想查看我们有关如何修复 WordPress 中常见图像问题的指南。