首页 » 博文 » wpbeginner » 最佳插件 » 如何在 WordPress 中添加 GIF 点击加载

如何在 WordPress 中添加 GIF 点击加载

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

在 WordPress 中添加 Gif 的点击加载

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

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

有些网站通过在 WordPress 中延迟加载图像来处理此问题。然而,这仍然会影响用户体验,因为当用户向下滚动时,GIF 需要更长的时间来加载。

Tumblr 等流行平台使用点击加载 GIF 播放器来缓解此问题。它们不加载 GIF 动画中的所有帧,而是仅加载动画的第一帧。图片上的播放按钮或 GIF 标签表示用户可以单击查看动画 GIF。

暂停 GIF 示例

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

在 WordPress 中添加 GIF 的点击加载

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

该插件开箱即用,无需任何设置。

您可以前往帖子编辑屏幕查看其实际情况。

在 WordPress 帖子编辑器中添加 GIF 按钮

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

使用“添加 Gif”按钮上传 GIF

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

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

WordPress 帖子编辑器中的 GIF 简码

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

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

点击播放GIF动画

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

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

发表评论

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

Scroll to Top