如何在WordPress中為GIF添加點擊加載


您是否要添加單擊以在WordPress網站上加載GIF播放器? 動畫GIF圖像需要更長的加載時間,這會影響頁面速度和用戶體驗。 這就是為什麼許多流行的博客平台不會在其應用程序中自動加載GIF的原因。 在本文中,我們將向您展示如何輕鬆添加點擊以在WordPress中加載GIF。

在WordPress中添加點擊加載Gif

為什麼要在WordPress中為GIF添加點擊加載?

如果您經常在WordPress中添加動畫GIF圖像,那麼您已經知道它們的大小比常規圖像大得多。 這意味著它們需要更長的時間加載,從而影響您的網站速度和性能。

一些網站通過在WordPress中延遲加載圖像來處理此問題。 但是,這仍然會影響用戶體驗,因為隨著用戶向下滾動,GIF需要更長的時間才能加載。

Tumblr等流行的平台使用click加載GIF播放器來緩解此問題。 而不是加載GIF動畫中的所有幀,它們僅加載動畫的第一幀。 圖像上的播放按鈕或GIF標籤表示用戶可以單擊以查看動畫GIF。

暫停的GIF示例

話雖如此,讓我們看一下如何在WordPress網站上為GIF添加點擊加載按鈕。

在WordPress中為GIF添加點擊加載

您需要做的第一件事是安裝並激活WP GIF Player插件。 有關更多詳細信息,請參閱有關如何安裝WordPress插件的分步指南。

該插件可以直接使用,並且沒有設置。

您可以轉到帖子編輯屏幕以查看其操作。

在WordPress帖子編輯器中添加GIF按鈕

在帖子編輯屏幕上,您會注意到帖子編輯器上方的“添加GIF”按鈕。 單擊它會彈出媒體上載器彈出窗口,您可以在其中上載與其他任何圖像類似的GIF圖像。

使用添加Gif按鈕上傳GIF

上傳後,您需要單擊“插入圖像”按鈕以繼續。

WP GIF播放器插件現在將在WordPress帖子編輯器中添加所需的簡碼。

WordPress帖子編輯器中的GIF短代碼

現在,您可以保存您的帖子/頁面,然後單擊“預覽”按鈕以查看單擊以加載實際使用的GIF。

現在,您帖子中嵌入的所有GIF都將在其頂部帶有一個標記為GIF的按鈕。 單擊該按鈕將在後台加載動畫GIF並顯示它。

點擊播放GIF動畫

該插件的缺點是它僅適用於上傳的新GIF。 對於使用普通WordPress媒體上傳器上傳的GIF,它不會添加點擊加載。 這意味著您以前上傳的所有GIF都沒有點擊加載按鈕。

我們希望本文能幫助您學習如何在WordPress中添加點擊以加載GIF播放器。 您可能還希望查看有關如何解決WordPress中常見圖像問題的指南。

如果您喜歡這篇文章,請訂閱我們的YouTube頻道WordPress視頻教程。 您也可以在找到我們 推特 和Facebook。