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

04/06/2024

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

有时,GIF动画在WordPress中会变成静态图片,因为它会自动生成多种尺寸的图片,但这些图片只从动画的第一帧生成。

为什么会这样?每当您使用媒体上传器将任何类型的图像添加到WordPress网站时,WordPress会自动创建该图像的多个不同尺寸副本。WordPress默认有4种图像尺寸,分别是缩略图、中等、大和全尺寸。

然而,在为动画GIF创建新图像尺寸时,WordPress只会保存GIF文件的第一帧。因此,当您将这些生成的图像尺寸之一添加到文章或页面时,它们将是静态图像,导致WordPress GIF无法正常工作。

在WordPress中正确添加动画GIF

首先,您需要在WordPress Gutenberg编辑器中编辑或创建一个新的WordPress文章或页面,以添加动画GIF。一旦进入WordPress内容编辑器,点击‘+’按钮并添加一个图像块。

接下来,您会发现多种方式在图像块中上传动画GIF。首先,点击‘上传’按钮并从计算机中选择动画GIF。或者,点击‘媒体库’按钮添加已上传到媒体库的文件。

还有一个通过点击‘从URL插入’按钮输入GIF链接的选项,但我们不推荐使用这种方式,因为它不会将图像上传到您网站。

上传GIF后,块编辑器会将其插入到内容中,您可以进行自定义。添加GIF后,您需要在右侧菜单中选择‘图像大小’下的‘全尺寸’选项。全尺寸图像是您上传到WordPress的原始动画GIF。选择这个将防止您的WordPress GIF显示为静态图像而不播放动画。您会立即在内容编辑器中看到动画效果。

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

使用动画GIF的额外提示

动画GIF图像通常比其他图像文件更大,因为它们包含多个压缩图像作为帧来创建动画。使用大型GIF或在WordPress页面上添加太多GIF图像会减慢网站速度并影响搜索引擎优化(SEO)。请参阅我们的WordPress速度和性能优化终极指南了解更多详情。

如果您使用Giphy.com查找动画GIF,那么您可能会发现GIF Master插件非常有用。它允许您从WordPress仪表盘中搜索Giphy数据库并添加GIF而无需离开WordPress网站。同样,您也可以使用EmbedPress自动添加来自Gfycat的动画GIF和表情包。只需输入Gfycat上的GIF URL,插件会将其嵌入到您的内容中。

希望这篇文章帮助您学习如何在WordPress中添加动画GIF。您可能还想看看我们关于管理图像的优秀WordPress插件列表以及我们关于如何选择最佳WordPress主机以提升性能的完整WordPress教程。

如果您喜欢这篇文章,请订阅我们的YouTube频道获取更多WordPress视频教程。您也可以在Twitter和Facebook上找到我们。



Related Posts

  • 2024-08-04
  • WordPress 教学

不喜欢 WordPress 4.3 引入的格式化快捷键?觉得有点烦人?最近,有用户问我们如何在 WordPress 中禁用视觉编辑器格式化快捷键。在本文中,我们将向您展示如何做到这一点。

閱讀更多
  • 2024-07-31
  • WordPress 教学

你在 WordPress 网站上看到 503 服务不可用错误吗?503 错误是因为服务器无法处理请求,通常是由于服务器过载或维护。而这个错误不会告诉你具体原因,这对于初学者来说非常令人沮丧。本文将向你展示如何修复 WordPress 中的 503 服务不可用错误。

閱讀更多
  • 2024-07-30
  • WordPress 教学

管理一个企业需要大量的工作。如果您无法正确维护您的 WordPress 网站,可能会迅速看到流量和销售额下降的现象。幸运的是,您可以聘请虚拟助手 (VA) 来帮助管理您的网站。本文将教您如何聘请 WordPress 虚拟助手,以便您可以专注于业务中最重要的活动。

閱讀更多

{"email":"Email address invalid","url":"Website address invalid","required":"Required field missing"}
>