如何在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-07-27
  • WordPress 插件

您是否希望在 WordPress 中要求文章必須設置精選圖片?如果您正在運營一個多作者的 WordPress 博客,您會希望確保每位作者在發布文章之前都添加精選圖片。在這篇文章中,我們將向您展示如何輕鬆地在 WordPress 中要求文章設置精選圖片。

閱讀更多
  • 2024-07-26
  • WordPress 插件

WordPress 內建搜尋功能,但其搜尋結果通常不盡人意。幸運的是,您可以自訂搜尋結果頁面,使其更加使用者友好。本文章將向您展示如何無需編寫任何代碼輕鬆自訂 WordPress 搜尋結果頁面。

透過自訂搜尋結果頁面,使用者能更容易找到他們需要的內容,並改善整體使用者體驗,從而提高頁面瀏覽量和轉化率。

閱讀更多
  • 2024-07-24
  • WordPress 插件

您在尋找如何創建影片和圖片的 WordPress Slider 吗?Sliders 是展示內容且吸引網站訪客注意力的絕佳方式。本文將為您提供使用 Soliloquy 簡易創建影片和圖片 Slider 的詳細指南。

首先,您需要安裝一個合適的 WordPress Slider 插件,例如 Soliloquy。這個插件使用簡單,可建立響應式的影片和圖片 Slider,不需要編寫一行代碼。接著,您可以根據需求添加各種媒體內容並調整 Slider 設定。

閱讀更多

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