如何在WordPress中添加Giphy的GIF(2种简单方法)

09/11/2023

您想在WordPress网站中添加Giphy的GIF动画吗?Giphy是一个非常受欢迎的网站,您可以在其中搜索许多动画GIF。更好的是,您可以轻松地将这些GIF添加到您的WordPress网站。

在本文中,我们将向您展示如何在WordPress中从Giphy添加GIF。

在WordPress中使用动画GIF图片的优缺点

使用动画GIF(图形交换格式)可以是一种有趣且引人入胜的方式来增强您的内容。它们非常适合添加动画反应、网络迷因和流行文化参考。这可以帮助增加页面浏览量并减少博客的跳出率。

然而,也有一些缺点。GIF文件很大,会占用WordPress媒体库中的大量空间,减慢网站速度并消耗带宽。这对用户体验和搜索引擎排名不利。

这时Giphy就派上用场了。通过Giphy提供您的动画GIF图片,可以节省您的网络托管计划的带宽,也会对WordPress的加载时间和性能有较小的影响。

话虽如此,让我们来看看使用Giphy的GIF在WordPress中添加GIF的两种简单方法。只需点击以下链接即可跳转到您喜欢的方法:

方法1:使用嵌入代码从Giphy添加GIF

一种方法是使用Giphy的嵌入代码将GIF添加到页面或帖子中。由于您使用的是嵌入代码,因此不需要任何特殊的WordPress插件。然而,获取嵌入代码需要几个额外步骤。如果您只想在网站上添加少量的GIF,这些额外步骤可能不是问题。然而,如果您计划使用大量的GIF,可能值得安装一个可以简化此过程的插件。

要使用嵌入代码添加GIF,请访问Giphy.com网站。然后,找到您要使用的GIF。

现在,您可以点击“嵌入”按钮。

Giphy现在将显示此GIF的嵌入代码。这时,您可以选择“关闭响应(Responsive Off)”和“开启响应(Responsive On)”。响应式内容会根据访问者的设备进行更改,以确保您的网站在智能手机和平板电脑上看起来和在台式电脑上一样棒。例如,响应式WordPress主题会自动根据用户的屏幕大小调整自己。如有需要,建议选择“开启响应”。

做出决定后,通过点击“复制代码”按钮复制嵌入代码。

现在,该切换到您的WordPress管理区域了。在这里,简单地打开要嵌入GIF的页面或帖子的古腾堡编辑器。您的下一个任务是创建一个新的自定义HTML块。为此,点击‘+’图标。

然后,在出现的弹出窗口中,输入“Custom HTML”找到正确的块。点击Custom HTML块后,WordPress将把该块添加到您的页面中。

现在,您只需将GIF的嵌入代码粘贴到Custom HTML块中。应该是这样的。

在发布此GIF之前,您可能希望检查它在访问者眼中的效果。为此,只需点击屏幕顶部的“预览”按钮即可。WordPress将会在新标签中显示您的页面。如果您对GIF满意,则可以发布该WordPress帖子或页面,单击“更新”或“发布”按钮即可。GIF现在将显示在您的WordPress博客中。

方法2:使用EmbedPress从Giphy添加GIF

如果您打算向网站添加大量GIF,使用嵌入代码可能会过于耗时。另一种选择是使用EmbedPress插件。这款免费插件允许您只需使用Giphy URL即可嵌入GIF。EmbedPress还允许您从100多个其他网站嵌入内容,包括YouTube视频、Imgur的内容,以及Facebook的状态帖子和视频。首先,您需要安装并激活EmbedPress插件。我们将使用免费版本,因为它包含本教程所需的所有功能。如果您需要帮助,请参阅我们的如何安装WordPress插件指南。

激活后,前往您要添加GIF的页面或帖子。然后,点击‘+’图标。

在出现的弹出窗口中,输入“EmbedPress”找到正确的块。简单地点击此块,WordPress将会将EmbedPress块添加到您的页面中。

在新标签中,前往Giphy网站。然后,找到您要使用的GIF。

然后,只需复制该GIF的URL。

现在,切换回WordPress仪表盘。在这里将GIF的URL粘贴到EmbedPress框中。最后,点击“嵌入”。

现在,如果您看看您的网站,您会看到新的GIF。如果您对GIF不满意,EmbedPress提供了一些设置,您可能希望探索一下。这些设置包括更改通过EmbedPress添加的所有GIF的高度和宽度。若要查看这些设置,请点击WordPress侧边栏中的“EmbedPress”。如果尚未选择“常规”标签,请点击那里。您现在可以使用这些设置来自定义EmbedPress嵌入内容。请记住,您在此菜单中进行的任何更改将影响所有EmbedPress内容。

我们希望这篇文章可以帮助您了解如何在WordPress中从Giphy添加GIF。您还可以查看我们关于如何选择最佳WordPress托管和最佳SEO插件和工具的WordPress教程。

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



Related Posts

  • 2024-12-14
  • WordPress 插件

在WordPress中嵌入Google幻灯片演示是分享互动且视觉上吸引人内容的好方法。您可以展示详细的产品展示或最新报告的幻灯片,从而帮助您向听众传达信息或说服他们。我们经过研究发现了一些可靠的方法来完成这项工作,而且您无需成为技术专家即可实现。本文将向您展示两种轻松的方法来将Google幻灯片演示文稿添加到您的WordPress网站。

閱讀更多
  • 2024-11-16
  • WordPress 插件

在保护您的WordPress网站免受攻击时,使用正确的防火墙插件是至关重要的。在多年的发展中,我们的需求也在不断增长。因此,我们转向使用Cloudflare以提供更强的保护。本文详细比较了六个优秀的WordPress防火墙插件,以帮助您选择最适合的解决方案。

閱讀更多
  • 2024-11-15
  • WordPress 插件

您不希望访客单击其他网站的链接后就此离开您的网站。这就是为什么在新窗口或标签中打开外部链接对于提供流畅用户体验至关重要。在WPressize Me,我们认真对待读者的参与度。我们确保网站上的所有外部链接都在新标签页中打开,这样读者可以在不丢失原位的情况下浏览内容。这篇初学者指南将教您如何轻松在WordPress中设置外部链接在新标签中打开,从而提升用户参与度并令读者满意。

閱讀更多

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