如何在 WordPress 中從 Giphy 添加 GIF(2 種方法)

您想在 wordpress 中添加來(lái)自 giphy 的 gif 嗎?

Giphy 是一個(gè)流行的網(wǎng)站,您可以在其中搜索許多動(dòng)畫(huà) GIF。更好的是,您可以輕松地將這些 GIF 添加到您的 WordPress 網(wǎng)站。?

在本文中,我們將向您展示如何在 WordPress 中添加來(lái)自 Giphy 的 GIF。

如何在 WordPress 中從 Giphy 添加 GIF(2 種方法)

在 WordPress 中使用動(dòng)畫(huà) GIF 的優(yōu)點(diǎn)和缺點(diǎn)

GIF 代表圖形交換格式。與靜態(tài)圖像不同,GIF 圖像具有移動(dòng)內(nèi)容。

GIF 非常適合向您的頁(yè)面和帖子添加動(dòng)畫(huà)反應(yīng)、模因和流行文化參考。您可以在許多知名網(wǎng)站上找到 GIF,包括 BuzzFeed、List25 和 reddit。?

這些動(dòng)畫(huà) GIF 可以使您的 WordPress 帖子更加有趣和吸引人,鼓勵(lì)訪問(wèn)者在您的WordPress 網(wǎng)站上花費(fèi)更多時(shí)間。這有助于增加瀏覽量并降低跳出率。

然而,也有一些缺點(diǎn)。

GIF 動(dòng)畫(huà)是大文件,可能會(huì)降低您的 WordPress 網(wǎng)站的速度。這對(duì)于用戶體驗(yàn)來(lái)說(shuō)是個(gè)壞消息,還會(huì)影響您的搜索引擎排名和流量。

將 GIF 文件直接上傳到 WordPress 媒體庫(kù)可能會(huì)縮短加載時(shí)間并耗盡帶寬。

這就是 Giphy 的用武之地。通過(guò) Giphy 提供 GIF 可以節(jié)省您的帶寬。它對(duì)WordPress 速度和性能的影響也較小。

話雖如此,讓我們看一下在 WordPress 中從 Giphy 添加 GIF 的兩種方法。只需單擊下面的鏈接即可跳轉(zhuǎn)到您喜歡的方法:

  • 方法 1. 如何使用嵌入代碼從 Giphy 添加 GIF
  • 方法 2. 如何使用 EmbedPress 從 Giphy 添加 GIF

方法 1:如何使用嵌入代碼從 Giphy 添加 GIF

一種選擇是使用其 Giphy 嵌入代碼將 GIF 添加到頁(yè)面或帖子中。?

由于您使用的是嵌入代碼,因此不需要任何特殊的 WordPress 插件。但是,獲取嵌入代碼需要一些額外的步驟。?

如果您只想向網(wǎng)站添加少量 GIF,那么這些額外的步驟可能不是問(wèn)題。但是,如果您計(jì)劃使用大量 GIF,則可能值得安裝一個(gè)插件來(lái)簡(jiǎn)化此過(guò)程。?

要使用嵌入代碼添加 GIF,請(qǐng)?jiān)L問(wèn)Giphy.com 網(wǎng)站。然后找到您要使用的 GIF。

您現(xiàn)在可以單擊“嵌入”按鈕。

如何在 WordPress 中從 Giphy 添加 GIF(2 種方法)

Giphy 現(xiàn)在將顯示此 GIF 的嵌入代碼。

此時(shí),您可以選擇“響應(yīng)式關(guān)閉”和“響應(yīng)式打開(kāi)”。

響應(yīng)式內(nèi)容會(huì)發(fā)生變化,以更好地適應(yīng)訪問(wèn)者的設(shè)備。這對(duì)于確保您的網(wǎng)站在智能手機(jī)和平板電腦上的外觀與在臺(tái)式電腦上一樣出色非常重要。

例如,響應(yīng)式 WordPress 主題會(huì)自動(dòng)調(diào)整以適應(yīng)用戶的屏幕尺寸。?

考慮到這一點(diǎn),選擇“響應(yīng)式開(kāi)啟”是個(gè)好主意。

如何在 WordPress 中從 Giphy 添加 GIF(2 種方法)

做出決定后,點(diǎn)擊“復(fù)制代碼”按鈕復(fù)制嵌入代碼。

現(xiàn)在是時(shí)候切換到 WordPress 儀表板了。在這里,只需打開(kāi)您想要嵌入 GIF 的頁(yè)面或帖子即可。

您的下一個(gè)任務(wù)是創(chuàng)建新的自定義 html塊。要開(kāi)始,請(qǐng)單擊“+”圖標(biāo)。?

然后,在出現(xiàn)的彈出窗口中,輸入“自定義 HTML”以找到正確的塊。單擊自定義 HTML 塊后,WordPress 會(huì)將此塊添加到您的頁(yè)面。

如何在 WordPress 中從 Giphy 添加 GIF(2 種方法)

現(xiàn)在您只需將 GIF 的嵌入代碼粘貼到自定義 HTML 塊中即可。?

它應(yīng)該看起來(lái)像這樣。

如何在 WordPress 中從 Giphy 添加 GIF(2 種方法)

在發(fā)布此 GIF 之前,您可能需要檢查它對(duì)訪問(wèn)者的外觀如何。為此,只需單擊屏幕頂部的“預(yù)覽”按鈕即可。WordPress 現(xiàn)在將在新選項(xiàng)卡中顯示您的頁(yè)面。

如果您對(duì) GIF 感到滿意,那么您可以發(fā)布此頁(yè)面。只需單擊“更新”或“發(fā)布”按鈕即可。

該 GIF 現(xiàn)在將出現(xiàn)在您的WordPress 博客上。

方法 2:如何使用 EmbedPress 從 Giphy 添加 GIF

如果您計(jì)劃向網(wǎng)站添加大量 GIF,那么嵌入代碼可能會(huì)變得非常耗時(shí)。

另一種選擇是使用EmbedPress 插件。這個(gè)免費(fèi)插件允許您僅使用其 Giphy URL 嵌入 GIF。

EmbedPress 還允許您嵌入來(lái)自 100 多個(gè)其他網(wǎng)站的內(nèi)容。其中包括嵌入 youtube 視頻、Imgur 內(nèi)容以及facebook 狀態(tài)帖子和視頻。?

首先,您需要安裝并激活 EmbedPress 插件。如果您需要幫助,請(qǐng)參閱我們有關(guān)如何安裝 WordPress 插件的指南。

激活后,轉(zhuǎn)到您要添加 GIF 的頁(yè)面或帖子。然后您可以單擊“+”圖標(biāo)。

在出現(xiàn)的彈出窗口中,輸入“EmbedPress”以找到正確的塊。?

只需單擊此塊,WordPress 就會(huì)向您的頁(yè)面添加 EmbedPress 塊。

如何在 WordPress 中從 Giphy 添加 GIF(2 種方法)

在新選項(xiàng)卡中,前往 Giphy 網(wǎng)站。然后您就可以找到您想要使用的 GIF。?

然后,只需復(fù)制該 GIF 的 URL。?

如何在 WordPress 中從 Giphy 添加 GIF(2 種方法)

現(xiàn)在是時(shí)候切換回 WordPress 儀表板了。?

這里只需將 GIF 的 URL 粘貼到 EmbedPress 框中即可。最后,單擊“嵌入”。

如何在 WordPress 中從 Giphy 添加 GIF(2 種方法)

現(xiàn)在,如果您查看您的網(wǎng)站,您將看到新的 GIF。

如果您對(duì) GIF 不滿意,EmbedPress 有一些您可能想要探索的設(shè)置。其中包括更改通過(guò) EmbedPress 添加的所有 GIF 的高度和寬度。

要查看這些設(shè)置,請(qǐng)單擊 WordPress 側(cè)欄中的“EmbedPress”。

如何在 WordPress 中從 Giphy 添加 GIF(2 種方法)

如果尚未選擇,請(qǐng)單擊“常規(guī)”選項(xiàng)卡。您現(xiàn)在可以使用這些設(shè)置來(lái)自定義 EmbedPress 嵌入。?

請(qǐng)記住,您在此菜單中所做的任何更改都會(huì)影響您的所有 EmbedPress 內(nèi)容。 ?

我們希望本文能幫助您了解如何在 WordPress 中從 Giphy 添加 GIF。您還可以瀏覽我們的教程,了解如何增加博客流量以及您應(yīng)該使用的最佳 SEO 插件和工具。?

? 版權(quán)聲明
THE END
喜歡就支持一下吧
點(diǎn)贊11 分享