如何在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

  • 2025-02-16
  • WordPress 教学

你是否想过,能不能用更引人注目的方式取代WooCommerce中基本的促销徽章?答案是肯定的!通过自定义产品徽章,你可以在在线商店中突出新产品、折扣商品或限时优惠。在这篇文章中,我们将展示给你两个简单的方法,使用强大的插件或添加简单代码来为你的WooCommerce商店添加自定义产品徽章。

閱讀更多
  • 2025-01-18
  • WordPress 教学

我们都知道推荐计划是强大的武器。但要找到真正的品牌代言者并不容易。许多计划吸引的只是想快速赚钱的人,导致非真实的推广,无法有效转化客户。幸好,作为 WooCommerce 商店的店主,您有一个巨大的优势:一群真正喜爱和使用您产品的内置客户群。通过将这些现有客户转化为推广合伙人,您可以释放真实口碑营销的力量。

閱讀更多
  • 2025-01-10
  • WordPress 教学

最近,我们的一位比利时读者在其在线商店中苦于销售增长缓慢。除了其他建议外,我们建议他们在网站上设置Bancontact支付。Bancontact是一种主要在比利时使用的流行支付系统,客户可以通过银行账户进行安全的实时支付。

閱讀更多

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