如何在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-12-12
  • WordPress 教学

多语言表单有助于与全球观众沟通,使您的网站更易于使用,并吸引更多用户。本文介绍了如何使用WPForms和Formidable Forms插件在WordPress中创建多语言表单,以帮助您轻松实现这一目标。

閱讀更多
  • 2024-10-21
  • WordPress 教学

如果您在WordPress管理区域或其他地方遇到‘jQuery未定义’错误,不必担心,这是一个常见的问题。本文为您介绍了该错误的原因以及六种解决方法,以便让您的网站恢复正常运行。

閱讀更多
  • 2024-10-17
  • WordPress 教学

越来越多的人倾向于使用语音搜索而不是在搜索栏中输入关键词。语音搜索被认为是在线交互的未来,各种设备上数百万人每天都在使用它。与通过普通SEO优化网站一样,将网站适配语音搜索同样重要。在本文中,我们将深入探讨为什么语音搜索SEO如此重要,以及如何优化您的WordPress网站以捕获这些语音搜索。

閱讀更多

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