您想在 wordpress 中添加來(lái)自 giphy 的 gif 嗎?
Giphy 是一個(gè)流行的網(wǎng)站,您可以在其中搜索許多動(dòng)畫(huà) GIF。更好的是,您可以輕松地將這些 GIF 添加到您的 WordPress 網(wǎng)站。?
在本文中,我們將向您展示如何在 WordPress 中添加來(lái)自 Giphy 的 GIF。
在 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)在可以單擊“嵌入”按鈕。
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è)好主意。
做出決定后,點(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è)面。
現(xiàn)在您只需將 GIF 的嵌入代碼粘貼到自定義 HTML 塊中即可。?
它應(yīng)該看起來(lái)像這樣。
在發(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 塊。
在新選項(xiàng)卡中,前往 Giphy 網(wǎng)站。然后您就可以找到您想要使用的 GIF。?
然后,只需復(fù)制該 GIF 的 URL。?
現(xiàn)在是時(shí)候切換回 WordPress 儀表板了。?
這里只需將 GIF 的 URL 粘貼到 EmbedPress 框中即可。最后,單擊“嵌入”。
現(xiàn)在,如果您查看您的網(wǎng)站,您將看到新的 GIF。
如果您對(duì) GIF 不滿意,EmbedPress 有一些您可能想要探索的設(shè)置。其中包括更改通過(guò) EmbedPress 添加的所有 GIF 的高度和寬度。
要查看這些設(shè)置,請(qǐng)單擊 WordPress 側(cè)欄中的“EmbedPress”。
如果尚未選擇,請(qǐng)單擊“常規(guī)”選項(xiàng)卡。您現(xiàn)在可以使用這些設(shè)置來(lái)自定義 EmbedPress 嵌入。?
請(qǐng)記住,您在此菜單中所做的任何更改都會(huì)影響您的所有 EmbedPress 內(nèi)容。 ?
我們希望本文能幫助您了解如何在 WordPress 中從 Giphy 添加 GIF。您還可以瀏覽我們的教程,了解如何增加博客流量以及您應(yīng)該使用的最佳 SEO 插件和工具。?