首页 » 博文 » wpbeginner » 最佳教程 » 如何在 WordPress 中添加动画 GIF(正确的方法)

如何在 WordPress 中添加动画 GIF(正确的方法)

您想将动画 GIF 添加到您的 WordPress 博客文章中吗?

GIF 可以帮助吸引访问者的注意力并提高对您的博客文章的参与度。但是,当您在 WordPress 中添加动画 GIF 时,它可能会丢失动画并显示为纯静态图像。

在本文中,我们将向您展示如何在 WordPress 中正确添加动画 GIF。

如何在 WordPress 中添加动画 GIF

为什么您的 WordPress GIF 无法正常工作?

有时,动画 GIF 在 WordPress 中会变成静态图像,因为它会自动生成多种尺寸的图像,但仅从动画的第一帧开始。

为什么会发生这种情况?

每当您使用媒体上传器将任何类型的图像添加到WordPress 网站时,WordPress 都会自动创建该图像的多个不同大小的副本。

WordPress 默认图像尺寸有 4 种,包括缩略图、中型、大型和全尺寸。

WordPress 中的图像大小

然而,当为动画 GIF 创建新的图像尺寸时,WordPress 最终仅保存 GIF 的第一帧。

因此,当您将任何生成的图像尺寸添加到您的帖子或页面时,它们将是静态图像并导致 WordPress GIF 无法工作。

说到这里,我们来看看如何在WordPress中正确添加动画GIF而不丢失动画。

在 WordPress 中正确添加动画 GIF

首先,您需要编辑或创建新的帖子或页面来添加动画 GIF。

进入WordPress 内容编辑器后,继续单击“+”按钮并添加图像块。

添加图像块

接下来,您将找到多种在图像块中上传动画 GIF 的方法。

首先,只需单击“上传”按钮并从计算机中选择动画 GIF。或者,您可以单击“媒体库”按钮并选择已上传到媒体库的GIF 。

还有一个选项可以通过单击“从 URL 插入”按钮来输入 GIF 的链接,但我们不建议使用此选项,因为它不会将图像上传到您的网站。

上传您的 GIF 动画

上传 GIF 后,WordPress 会将其插入到您的内容中。

添加 GIF 后,您需要从右侧菜单中选择“图像大小”下的“全尺寸”选项。

选择全尺寸作为图像尺寸

尺寸图像是您上传到 WordPress 的原始动画 GIF。选择此选项将阻止您的 WordPress GIF 显示为静态图像并且不播放动画。

您将能够立即在内容编辑器中看到动画。

查看 GIF 预览

继续发布或更新您的博客文章以查看动画 GIF 的实际效果。

在 WordPress 中使用动画 GIF 的额外提示

动画 GIF 图像的文件大小通常比其他图像文件大。这是因为它们包含多个用作帧来创建动画的压缩图像。

使用大型 GIF 或在 WordPress 页面上添加太多 GIF 图像可能会降低您网站的速度。有关更多详细信息,请参阅我们有关如何提高 WordPress 速度和性能的终极指南。

如果您使用 Giphy 查找动画 GIF,那么您可能会发现GIF Master插件非常有用。它允许您从WordPress 管理区域搜索 Giphy 数据库并添加 GIF,而无需离开您的网站。

同样,您还可以使用EmbedPress自动添加来自 Gfycat 的动画 GIF。只需输入 Gfycat 中 GIF 的 URL,插件就会将其嵌入到您的内容中。

我们希望本文能帮助您了解如何在 WordPress 中添加动画 GIF。您可能还想查看我们用于管理图像的优秀 WordPress 插件列表以及有关如何开设在线商店的完整指南。

发表评论

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

Scroll to Top