如何使用和不使用插件将 GIF 添加到 WordPress

已发表: 2022-07-01

您肯定在社交媒体上或网站上的动画图形和徽标上遇到过至少一个模因。 它们不是静态图像,也绝对不是视频。 那么它们实际上是什么?

Memes 只是一种 GIF 文件,代表图形交换格式。 GIF 将许多图像或帧组合成一个文件。 该文件将在显示时呈现基本动画,类似于短视频或剪辑。

在 Facebook 评论或消息上使用 GIF 变得非常简单。 但是,在 WordPress 网站上实现相同的目标是完全不同的故事。

在本文中,我们将重点介绍如何在使用和不使用插件的情况下将 GIF 添加到 WordPress。 但首先,我们将帮助您简要了解 GIF 文件的优势以及让它们在您的网站内容上正常工作的困难。

让我们开始吧!

为什么 WordPress GIF 文件不起作用

GIF 为您的 WordPress 网站带来各种好处。 通过支持基本动画,它们可以吸引用户的注意力并有助于提高参与度。 访问者在看到这些文件时会发现您的帖子内容更具吸引力。

您可以在网站的任何位置显示 GIF,以宣传新产品并展示品牌的个性。 更重要的是,他们有效地将操作方法​​可视化,例如,软件教程、用户指南或前后比较。

这是 GIF 文件的示例。

此外,GIF 不像视频那么长,因此它们需要的带宽比自托管视频少。

GIF 文件上传的挑战

如果您曾经将 GIF 上传到 WordPress 媒体库并将其插入到内容中,您可能会注意到它变成了没有动画的静态图像。

当 WordPress 生成不同文件大小的图像的多个副本时,会出现此问题。 您将至少有 4 个版本:大、中、全尺寸和缩略图。

每当 WordPress 创建新的图像大小时,它只使用 GIF 的第一帧。 这意味着它们将像任何其他单个图像一样出现。

要解决此问题,您可以使用 WordPress 默认的添加媒体功能或使用 EmbedPress 插件。

如何将 GIF 添加到 WordPress

#1 使用默认图像块

使用 Gutenberg 图像块将 GIF 图像插入您的站点需要几个步骤。 只需按照以下指南进行操作:

  1. 登录您的 WordPress 管理区域并创建新帖子,或编辑现有帖子
  2. 在元素列表中找到图像块,并将其拖放到您的帖子中
  3. 上传 GIF,或从库中选择
  4. 选择全尺寸选项以添加原始动画 GIF
    PDA-全尺寸图像

容易,对吧?

#2 使用 EmbedPress 插件

超过 60K WordPress 网站所有者正在使用 EmbedPress 将来自第三方来源的文件插入到他们的网站内容中。 该插件支持 100 多个来源,包括 Gfycat,一个 GIF 托管在线平台。

完成以下过程并做好准备:

  1. 登录 Gfycat 网站,如果您还没有访问过,请注册一个帐户
  2. 单击您希望嵌入到您的网站的那个并复制 GIF 的 URL
  3. 点击添加块按钮并将EmbedPress块添加到您的页面内容
    pda-embedpress-块
  4. 输入您刚刚复制到块中的 URL
  5. 发布或更新内容

结果,该链接将自动变成一个 GIF 文件。 WordPress Gutenberg 编辑器还可以通过块定制器帮助您更改嵌入式 GIF 的尺寸。

保护私人 GIF 文件

并非所有动画 GIF 都应在您的网站上公开展示。 您可能希望保护一些有价值的文件,例如操作指南的 GIF,以防止未经授权的访问。

PDA Gold 借此机会帮助您只需单击几下即可保护您的 WordPress GIF 文件。 您需要做的只是安装插件,选择要保护的文件,然后让它处理其余的事情。 我们将这个过程分解为下面的分步指南:

  1. 为您的站点安装 PDA Gold
  2. 转到 WordPress 仪表板中的媒体库
  3. 悬停您要保护的文件,然后单击其名称下的“保护”

而已! 您的 GIF 图像现在变为私有。 该插件还阻止搜索引擎索引您的文件。 换句话说,网络冲浪者无法在搜索结果页面上找到它们。 您也可以通过私人链接管理弹出窗口完全控制您的文件。

奖金 - 问答

尽管作为文件保护插件提供商,我们的团队收到了很多用户提出的与 GIF 相关的问题。 除了 PDA 如何支持 GIF 文件外,他们还想了解以下方面的更多信息。

#1 我可以在我的 WordPress 网站上使用来自 GIPHY 的 GIF 吗?

Giphy 指的是一个在线存储库,允许任何用户发布他们的 GIF 图像。 它使您能够使用它的工具来创建 GIF 文件。

当然,您可以在那里下载 GIF 并将其上传到您的网站。 不过,您必须注意图像版权。 如果你只是把别人的工作放到你的网站上,这是不合适的。

#2 我可以复制 GIF 并将其粘贴到我的网站吗?

您可以复制链接并将其粘贴到您的内容中。 请记住,如果图像发布在另一个站点上,您就是在热链接他们的文件。 当图片所有者发现您正在使用他们的图片时,您已将其删除。 或者当他们从他们的网站中删除它时,用户无法在您的网站上看到该文件。

#3 我的 GIF 动不了了,为什么?

许多原因使您的 GIF 无法正常工作。 网站代码或浏览器是最常见的。 您建议在其他浏览器中打开图像或更改设备。

要查看的另一件事是您用于创建 GIF 的工具。 不幸的是,某些软件不允许无限循环 GIF。 这就是为什么您的图像在一段时间后无法动画的原因。

#4 是否可以将 GIF 保存为另一种文件类型?

当然! 您可以将动画 GIF 切换为 JPG 或 PNG。 请记住,它们只会显示为静态图像。

#5 WordPress GIF 的缺点是什么?

尽管许多 WordPress 网站所有者更喜欢 GIF,但在应用此文件格式之前,您需要考虑一些事项。 它在调色板中包含 256 种颜色供您选择,而在静态图像上这个数字增加到数千种。 您也无法编辑完整的 GIF 文件。

#6 GIF 文件会减慢我的网站速度吗?

是的! 不幸的是,GIF 图像包含许多图像并且尺寸过大。 这会直接影响您的页面加载时间。 确保对 GIF 和所有其他文件应用 SEO 优化实践,以提高网站的性能。

像专业人士一样使用 WordPress GIF!

GIF 图片在您的网站参与度和提高品牌知名度方面发挥着关键作用。 您已经学习了两种将 GIF 添加到 WordPress 的方法,手动或使用 EmbedPress 插件。

考虑保护您的文件以阻止未经授权的访问和使用。 PDA Gold 在保护您的 GIF 图像方面做得很好,没有太多麻烦。

机会来敲门! 不要犹豫,立即添加和保护您的 WordPress GIF 文件!