为什么你的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上找到我们。