您想在 wordpress 中添加來自 giphy 的 gif 嗎?
Giphy 是一個流行的網站,您可以在其中搜索許多動畫 GIF。更好的是,您可以輕松地將這些 GIF 添加到您的 WordPress 網站。?
在本文中,我們將向您展示如何在 WordPress 中添加來自 Giphy 的 GIF。
在 WordPress 中使用動畫 GIF 的優點和缺點
GIF 代表圖形交換格式。與靜態圖像不同,GIF 圖像具有移動內容。
GIF 非常適合向您的頁面和帖子添加動畫反應、模因和流行文化參考。您可以在許多知名網站上找到 GIF,包括 BuzzFeed、List25 和 reddit。?
這些動畫 GIF 可以使您的 WordPress 帖子更加有趣和吸引人,鼓勵訪問者在您的WordPress 網站上花費更多時間。這有助于增加瀏覽量并降低跳出率。
然而,也有一些缺點。
GIF 動畫是大文件,可能會降低您的 WordPress 網站的速度。這對于用戶體驗來說是個壞消息,還會影響您的搜索引擎排名和流量。
將 GIF 文件直接上傳到 WordPress 媒體庫可能會縮短加載時間并耗盡帶寬。
這就是 Giphy 的用武之地。通過 Giphy 提供 GIF 可以節省您的帶寬。它對WordPress 速度和性能的影響也較小。
話雖如此,讓我們看一下在 WordPress 中從 Giphy 添加 GIF 的兩種方法。只需單擊下面的鏈接即可跳轉到您喜歡的方法:
- 方法 1. 如何使用嵌入代碼從 Giphy 添加 GIF
- 方法 2. 如何使用 EmbedPress 從 Giphy 添加 GIF
方法 1:如何使用嵌入代碼從 Giphy 添加 GIF
一種選擇是使用其 Giphy 嵌入代碼將 GIF 添加到頁面或帖子中。?
由于您使用的是嵌入代碼,因此不需要任何特殊的 WordPress 插件。但是,獲取嵌入代碼需要一些額外的步驟。?
如果您只想向網站添加少量 GIF,那么這些額外的步驟可能不是問題。但是,如果您計劃使用大量 GIF,則可能值得安裝一個插件來簡化此過程。?
要使用嵌入代碼添加 GIF,請訪問Giphy.com 網站。然后找到您要使用的 GIF。
您現在可以單擊“嵌入”按鈕。
Giphy 現在將顯示此 GIF 的嵌入代碼。
此時,您可以選擇“響應式關閉”和“響應式打開”。
響應式內容會發生變化,以更好地適應訪問者的設備。這對于確保您的網站在智能手機和平板電腦上的外觀與在臺式電腦上一樣出色非常重要。
例如,響應式 WordPress 主題會自動調整以適應用戶的屏幕尺寸。?
考慮到這一點,選擇“響應式開啟”是個好主意。
做出決定后,點擊“復制代碼”按鈕復制嵌入代碼。
現在是時候切換到 WordPress 儀表板了。在這里,只需打開您想要嵌入 GIF 的頁面或帖子即可。
您的下一個任務是創建新的自定義 html塊。要開始,請單擊“+”圖標。?
然后,在出現的彈出窗口中,輸入“自定義 HTML”以找到正確的塊。單擊自定義 HTML 塊后,WordPress 會將此塊添加到您的頁面。
現在您只需將 GIF 的嵌入代碼粘貼到自定義 HTML 塊中即可。?
它應該看起來像這樣。
在發布此 GIF 之前,您可能需要檢查它對訪問者的外觀如何。為此,只需單擊屏幕頂部的“預覽”按鈕即可。WordPress 現在將在新選項卡中顯示您的頁面。
如果您對 GIF 感到滿意,那么您可以發布此頁面。只需單擊“更新”或“發布”按鈕即可。
該 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。您還可以瀏覽我們的教程,了解如何增加博客流量以及您應該使用的最佳 SEO 插件和工具。?