如何將 GIF 添加到 WordPress

已發表: 2023-02-12

隨著娛樂選擇的增加,吸引在線觀眾的注意力變得越來越具有挑戰性。 以小而簡單的方式包含動態元素可能是吸引目標用戶訪問您的內容的有效方式。

這是將動畫 GIF 添加到您的網站可以派上用場的原因之一。 無論您是自己創建、在線購買還是從免費存儲庫中獲取它們,GIF 都是傳達意義和增加參與度的有趣方式。

在本文中,我們將介紹如何將 GIF 添加到您的 WordPress 網站。 我們還將為您提供故障排除指南,以防您遇到任何問題。 如果你準備好了,讓我們開始吧!

如何通過 5 個簡單的步驟將 GIF 添加到 WordPress

將 GIF 添加到您的網站似乎是一個相當簡單的過程。 然而,有一些技巧可以確保動畫真正起作用。 考慮到這一點,在以下步驟中,我們將逐步完成將工作 GIF 添加到您的 WordPress 內容的過程。

第 1 步:優化您的 GIF

與其他圖像和媒體一樣,您需要確保 GIF 不會降低網站的加載速度。 您可以通過使用 Compressor.io 等工具優化 GIF 來避免這種情況:

採取此步驟將有助於保持您的網站平穩快速地運行。 如果您計劃將媒體託管在您網站的服務器上,而不是在單獨的媒體主機或內容分發網絡 (CDN) 上,這一點尤其重要。

第 2 步:將圖像塊添加到您的頁面

準備好 GIF 文件後,您可以在 WordPress 中打開任何頁面或帖子,並使用添加塊圖標添加圖像塊:

或者,您可以在空白區域輸入“/Image”:

這兩種方法都會插入一個塊,作為頁面上媒體元素的佔位符。

第 3 步:上傳您的 GIF 文件

現在,您可以通過三個選項在頁面上放置 GIF。 稍後我們將討論媒體庫。 現在,選擇上傳

使用此選項,您可以將新的 GIF 文件直接上傳到您的帖子中。

第 4 步:調整圖像尺寸設置

將 GIF 放入您的內容後,您需要轉到編輯窗口的右側並向下滾動到圖像大小。 默認情況下,它可能會設置為大。 為了保留 GIF 的動畫,您需要選擇全尺寸

將 GIF 設置為全尺寸將確保它不會顯示為靜態圖像。

第 5 步:從媒體庫中插入您的 GIF(可選)

如果您已經將 GIF 上傳到站點的媒體庫,則可以在添加新的圖像塊後選擇媒體庫選項:

進入媒體庫後,您可以選擇要將其插入到您的內容中的 GIF:

然後您可以像前面的示例一樣調整 GIF 的設置,以確保它以完整尺寸顯示。

此時,作為 WordPress 實時預覽功能的一部分,您的 GIF 應該在頁面上循環播放其動畫。 但是,如果您的 GIF 沒有正確循環播放,您可以查看下面的故障排除信息。

如何解決常見的 GIF 問題

正如我們之前討論的那樣,GIF 可以是一種動態且有趣的方式來吸引讀者的注意力並傳達意義。 但是,將它們合併到您的內容中時,您可能會遇到一些常見問題。 以下是一些關於 GIF 的最常見問題。

1. 我可以在我的網站上使用 GIPHY GIF 嗎?

這個問題的答案是肯定的和否定的。 GIPHY 是用於發布 GIF 的在線存儲庫。 該站點還提供可用於創建自己的 GIF 的免費軟件。

然而,就像其他形式的數字內容一樣,了解規則很重要。 如果您想使用您在 GIPHY 上找到的不是您創建的 GIF,您必鬚根據 GIPHY 的用戶政策遵守數字千年版權法。 這意味著您不能使用他人的版權或個人知識產權獲取商業利益。

通過提供共享鏈接,GIPHY 確實可以輕鬆地將內容嵌入您的網站。 不過,最好先對您要使用的內容進行一些研究,然後再將其放置在您的網站上。

2. 我可以將 GIF 複製並粘貼到 WordPress 嗎?

如果您要使用的 GIF 在互聯網上是實時的,您可以右鍵單擊它並複製圖像。 然後,您可以將其粘貼到 WordPress 帖子或頁面上。

請務必注意,此方法不會將實際的 GIF 文件添加到您的媒體庫,而是通過其 URL 鏈接到它。 請記住這一點,因為您無法控制 GIF。 如果所有者將其刪除或更改,那將影響您的內容。

3. 為什麼我的 GIF 動不動了?

當之前工作的 GIF 停止移動時,有多種可能的原因。 根據創建 GIF 的工具,循環功能可能有限制。 如果 GIF 沒有設置為無限循環,它可能會在一段時間後自行停止。

此外,您的網站代碼或瀏覽器可能會干擾 GIF 的顯示。 您可以嘗試在其他瀏覽器或其他設備上查看 GIF 以確定是否屬於這種情況。

4. 如何修復我的 GIF 動畫?

找出 GIF 問題的原因是解決任何故障的第一步。 始終檢查以確保您的 GIF 文件在 WordPress 中設置為全尺寸

如果您複製並粘貼了 GIF,您可能需要檢查原始文件的位置以查看它是否仍在運行。 如果不是,您的 GIF 也可能無法正常工作。 最後,創建自己的 GIF 並安全地存儲文件是避免不必要問題的最佳方法。

使用 WP Engine 自定義您的網站體驗

WordPress 的靈活性和設計選項的多樣性只是它成為如此出色的內容管理系統 (CMS) 的兩個原因。 借助合適的工具和開發人員資源,您可以為網站訪問者創造獨特且引人入勝的體驗。

當然,如果有可靠的網絡主機支持,您的內容將大放異彩。 查看我們多樣化的 WordPress 託管選項,讓您的網站功能更上一層樓!