如何使用和不使用插件將 GIF 添加到 WordPress

已發表: 2022-07-01

您肯定在社交媒體上或網站上的動畫圖形和徽標上遇到過至少一個模因。 它們不是靜態圖像,也絕對不是視頻。 那麼它們實際上是什麼?

Memes 只是一種 GIF 文件,代表圖形交換格式。 GIF 將許多圖像或幀組合成一個文件。 該文件將在顯示時呈現基本動畫,類似於短視頻或剪輯。

在 Facebook 評論或消息上使用 GIF 變得非常簡單。 但是,在 WordPress 網站上實現相同的目標是完全不同的故事。

在本文中,我們將重點介紹如何在使用和不使用插件的情況下將 GIF 添加到 WordPress。 但首先,我們將幫助您簡要了解 GIF 文件的優勢以及讓它們在您的網站內容上正常工作的困難。

讓我們開始吧!

為什麼 WordPress GIF 文件不起作用

GIF 為您的 WordPress 網站帶來各種好處。 通過支持基本動畫,它們可以吸引用戶的注意力並有助於提高參與度。 訪問者在看到這些文件時會發現您的帖子內容更具吸引力。

您可以在網站的任何位置顯示 GIF,以宣傳新產品並展示品牌的個性。 更重要的是,他們有效地將操作方法可視化,例如,軟件教程、用戶指南或前後比較。

這是 GIF 文件的示例。

此外,GIF 不像視頻那麼長,因此它們需要的帶寬比自託管視頻少。

GIF 文件上傳的挑戰

如果您曾經將 GIF 上傳到 WordPress 媒體庫並將其插入到內容中,您可能會注意到它變成了沒有動畫的靜態圖像。

當 WordPress 生成不同文件大小的圖像的多個副本時,會出現此問題。 您將至少有 4 個版本:大、中、全尺寸和縮略圖。

每當 WordPress 創建新的圖像大小時,它只使用 GIF 的第一幀。 這意味著它們將像任何其他單個圖像一樣出現。

要解決此問題,您可以使用 WordPress 默認的添加媒體功能或使用 EmbedPress 插件。

如何將 GIF 添加到 WordPress

#1 使用默認圖像塊

使用 Gutenberg 圖像塊將 GIF 圖像插入您的站點需要幾個步驟。 只需按照以下指南進行操作:

  1. 登錄您的 WordPress 管理區域並創建新帖子,或編輯現有帖子
  2. 在元素列表中找到圖像塊,並將其拖放到您的帖子中
  3. 上傳 GIF,或從庫中選擇
  4. 選擇全尺寸選項以添加原始動畫 GIF
    PDA-全尺寸圖像

容易,對吧?

#2 使用 EmbedPress 插件

超過 60K WordPress 網站所有者正在使用 EmbedPress 將來自第三方來源的文件插入到他們的網站內容中。 該插件支持 100 多個來源,包括 Gfycat,一個 GIF 託管在線平台。

完成以下過程並做好準備:

  1. 登錄 Gfycat 網站,如果您還沒有訪問過,請註冊一個帳戶
  2. 單擊您希望嵌入到您的網站的那個並複制 GIF 的 URL
  3. 點擊添加塊按鈕並將EmbedPress塊添加到您的頁面內容
    pda-embedpress-塊
  4. 輸入您剛剛複製到塊中的 URL
  5. 發布或更新內容

結果,該鏈接將自動變成一個 GIF 文件。 WordPress Gutenberg 編輯器還可以通過塊定制器幫助您更改嵌入式 GIF 的尺寸。

保護私人 GIF 文件

並非所有動畫 GIF 都應在您的網站上公開展示。 您可能希望保護一些有價值的文件,例如操作指南的 GIF,以防止未經授權的訪問。

PDA Gold 藉此機會幫助您只需單擊幾下即可保護您的 WordPress GIF 文件。 您需要做的只是安裝插件,選擇要保護的文件,然後讓它處理其餘的事情。 我們將這個過程分解為下面的分步指南:

  1. 為您的站點安裝 PDA Gold
  2. 轉到 WordPress 儀表板中的媒體庫
  3. 懸停您要保護的文件,然後單擊其名稱下的“保護”

而已! 您的 GIF 圖像現在變為私有。 該插件還阻止搜索引擎索引您的文件。 換句話說,網絡衝浪者無法在搜索結果頁面上找到它們。 您也可以通過私人鏈接管理彈出窗口完全控制您的文件。

獎金 - 問答

儘管作為文件保護插件提供商,我們的團隊收到了很多用戶提出的與 GIF 相關的問題。 除了 PDA 如何支持 GIF 文件外,他們還想了解以下方面的更多信息。

#1 我可以在我的 WordPress 網站上使用來自 GIPHY 的 GIF 嗎?

Giphy 指的是一個在線存儲庫,允許任何用戶發布他們的 GIF 圖像。 它使您能夠使用它的工具來創建 GIF 文件。

當然,您可以在那裡下載 GIF 並將其上傳到您的網站。 不過,您必須注意圖像版權。 如果你只是把別人的工作放到你的網站上,這是不合適的。

#2 我可以復制 GIF 並將其粘貼到我的網站嗎?

您可以復制鏈接並將其粘貼到您的內容中。 請記住,如果圖像發佈在另一個站點上,您就是在熱鏈接他們的文件。 當圖片所有者發現您正在使用他們的圖片時,您已將其刪除。 或者當他們從他們的網站中刪除它時,用戶無法在您的網站上看到該文件。

#3 我的 GIF 動不了了,為什麼?

許多原因使您的 GIF 無法正常工作。 網站代碼或瀏覽器是最常見的。 您建議在其他瀏覽器中打開圖像或更改設備。

要查看的另一件事是您用於創建 GIF 的工具。 不幸的是,某些軟件不允許無限循環 GIF。 這就是為什麼您的圖像在一段時間後無法動畫的原因。

#4 是否可以將 GIF 保存為另一種文件類型?

當然! 您可以將動畫 GIF 切換為 JPG 或 PNG。 請記住,它們只會顯示為靜態圖像。

#5 WordPress GIF 的缺點是什麼?

儘管許多 WordPress 網站所有者更喜歡 GIF,但在應用此文件格式之前,您需要考慮一些事項。 它在調色板中包含 256 種顏色供您選擇,而在靜態圖像上這個數字增加到數千種。 您也無法編輯完整的 GIF 文件。

#6 GIF 文件會減慢我的網站速度嗎?

是的! 不幸的是,GIF 圖像包含許多圖像並且尺寸過大。 這會直接影響您的頁面加載時間。 確保對 GIF 和所有其他文件應用 SEO 優化實踐,以提高網站的性能。

像專業人士一樣使用 WordPress GIF!

GIF 圖片在您的網站參與度和提高品牌知名度方面發揮著關鍵作用。 您已經學習了兩種將 GIF 添加到 WordPress 的方法,手動或使用 EmbedPress 插件。

考慮保護您的文件以阻止未經授權的訪問和使用。 PDA Gold 在保護您的 GIF 圖像方面做得很好,沒有太多麻煩。

機會來敲門! 不要猶豫,立即添加和保護您的 WordPress GIF 文件!