WordPress中無限滾動的最佳插件
已發表: 2021-12-04您想為您的網站添加無限滾動但不知道如何做嗎？ 你來對地方了。 在本文中，我們將向您展示一些添加無限滾動的最佳 WordPress 插件。
在查看不同的工具之前，讓我們更好地了解無限滾動是什麼以及它比常規分頁有什麼好處。
什麼是無限捲軸？
傳統的分頁系統是基於將內容劃分為頁面。 用戶可以通過單擊頁面頂部或底部提供的編號鏈接在頁面之間來回導航。 分頁最常見的例子是谷歌及其搜索結果。
另一方面，無限滾動使用AJAX在單個頁面上顯示所有內容。 最初，只顯示固定數量的項目，當用戶向下滾動時，會加載更多項目。 無限滾動的示例包括 Facebook、Twitter 或 Instagram 等社交媒體網站。 這些網站提供連續的內容流。 向下滾動的越多，您看到的越多。
現在你可能會問，我為什麼要切換到無限滾動？ 與分頁相比，無限滾動有什麼實質性優勢嗎？ 讓我們看看無限滾動的一些好處以及為什麼要使用專用插件。
無限滾動的好處
與常規分頁相比，無限滾動更直觀，因為它在用戶端發現更多內容所需的努力更少。 與分頁不同，所有內容在同一頁面上動態加載而無需任何刷新，從而使瀏覽網站更快。
同樣，無限滾動可確保用戶在您的網站上停留更長時間，前提是您展示了高質量的內容。 由於訪問者滾動時內容會自動加載，因此您有機會不斷地為用戶提供優質內容，吸引他們的注意力，並讓他們有理由留在您的網站上。
此外，無限滾動插件非常適合使您的網站更加適合移動設備。 在觸屏設備上滾動快速輕鬆，不像點擊分頁的小頁碼，提升了瀏覽體驗。
除了增強您網站的用戶體驗外，無限滾動還可以幫助您提高用戶參與度並降低網站的跳出率。 較低的跳出率表明內容質量，這有助於您改善網站的 SEO。
到目前為止，我們已經看到了無限滾動的一些優點。 然而，無限滾動並不總是最好的方法，有些網站可能會從分頁中受益更多。 查看我們在分頁和無限滾動之間的詳細比較，因為它可以幫助您做出正確的選擇。
如果您認為無限滾動是您網站的最佳選擇，則有兩種選擇。 您可以查看我們的指南以添加無限滾動或使用專用插件。 在下一節中，我們將分析一些用於無限滾動的最佳 WordPress 插件。
WordPress中無限滾動的最佳插件
最好的 WordPress 無限滾動插件是：
- AJAX 加載更多（免費和高級）
- Catch Infinite Scroll（免費和付費）
- YITH 無限滾動免費）
- Jetpack（免費和付費）
- 為 WooCommerce 加載更多產品（免費和高級）
- WooCommerce 無限滾動和 AJAX 分頁（高級）
- 動畫無限滾動（高級）
讓我們看看他們每個人都提供什麼，以便您選擇最適合您的。
1. AJAX 加載更多
AJAX Load More擁有超過 50k 的活動安裝，是 WordPress 最受歡迎的無限滾動插件之一。 它無縫地適用於各種網站，並支持 WooCommerce 等電子商務平台。
一些最有趣的功能是轉發器模板和方便的短代碼生成器。 模板是定義前端顯示內容方式的 PHP 文件。 使用轉發器模板，您可以將自己的模板添加到插件中，以便插件顯示的內容與您網站的其他樣式相匹配。
此外，簡碼生成器會根據您選擇的查詢參數生成簡碼。 您可以指定查詢參數，例如帖子類型、格式、標籤等， AJAX 加載更多將生成一個短代碼，您可以將其添加到您的站點。 如果您有編程技能，您可以進一步自定義簡碼並充分利用自定義選項。
此外，您可以在單個頁面或帖子上添加插件的多個實例。 AJAX 過濾允許您將自定義過濾器添加到您的站點並根據所選過濾器顯示內容。 最後，這個插件是高度可定制的，允許您進行調整以匹配您網站的外觀和感覺。
特徵
- 中繼器模板允許您創建自己的模板
- 用於生成即用型簡碼的簡碼生成器
- 按帖子類型、格式、類別、標籤等查詢的查詢參數
- 在單個頁面或帖子上添加插件的多個實例
- 創建自定義過濾器並根據選定的過濾器顯示結果
- 高度可定制
價錢
AJAX Load More 有免費版和高級版。 免費版包括基本功能，而高級版則以多個附加組件的形式出現。 您可以購買單個附加組件，也可以購買單個站點起價為 149 美元的所有高級擴展包。
2. 抓住無限捲軸
Catch Infinite Scroll是另一個流行的 WordPress 無限滾動插件。 該插件非常輕巧，簡約且易於設置。
這個插件並沒有附帶所有的花里胡哨，但它非常有效。 如果您只是想要一個只需單擊幾下即可完成工作的插件並且不介意沒有大量自定義選項的人，那麼這就是您的工具。
Catch Infinite Scroll 是預先配置的，不需要用戶進行任何配置。 從安裝插件的那一刻起，您就可以在您的網站上享受無限滾動。
在定制方面，免費版本提供的東西不多。 您只能選擇您喜歡的加載方法，滾動或加載更多按鈕，然後為加載器圖標選擇您選擇的圖像。 但是，高級版允許您更改字體大小、系列、顏色、自定義加載更多按鈕等等。
總而言之，即使它不是最可定制的工具，這個插件也提供了無與倫比的簡單性。 如果您想要一些簡約、易於使用並且可以完成工作的東西，那麼 Catch Infinite Scrolling 是您最好的選擇。
特徵
- 非常容易使用
- 非常輕量級，因此它根本不會影響您網站的性能
- 在加載更多按鈕和無限滾動之間進行選擇
- 極簡主義，只有基本的自定義選項
- 在末尾顯示自定義消息
- 適用於所有主題
價錢
Catch Infinite Scroll 是一個免費增值插件。 免費版涵蓋了所有核心功能，但如果您想要額外的自定義選項，只需 24.99 美元即可獲得專業版。
3. YITH 無限滾動
另一個最好的無限滾動插件是YITH Infinite Scrolling。 它提供了無限滾動的所有核心功能，而不會添加任何絨毛或過於復雜的功能。 這樣，它可以在保持簡單的同時完成工作。
該工具的顯著特點是能夠在同一頁面上的多個部分添加無限滾動。 您可以為評論、推薦和博客添加無限滾動，並為每個部分單獨設置滾動選項。
關於滾動選項，您可以從可用的默認預設中選擇加載器樣式。 將分頁類型設置為分頁、無限滾動或加載更多按鈕。 您還可以選擇您喜歡的加載動畫等等。
此外，當用戶滾動到下一頁時，URL 會自動更新。 這樣，您可以使用這些更新的 URL 將用戶直接發送到特定部分。 最後， YITH Infinite Scrolling與 WPML 兼容，因此您可以輕鬆地將其翻譯成其他語言。
特徵
- 向部分添加無限滾動並分別為每個部分設置選項
- 從一組可用的默認預設中選擇加載器樣式
- 將分頁設置為常規分頁，加載更多或無限滾動
- 從七個不同的動畫中設置加載效果
- 頁面 URL 自動更新
- WPML 兼容
價錢
YITH 無限滾動是一款高級插件，起價為每年 59.99 美元，提供 1 年的更新和支持。 此外，如果您對產品不滿意，您將獲得 30 天退款保證。
4.噴氣背包
Automattic的Jetpack （WordPress 的創建者）擁有超過 500 萬的活躍安裝量，是最受歡迎的無限滾動插件之一。 這是一個很棒的全能工具，可讓您改進網站的許多不同方面。
除了許多其他功能外，Jetpack 還提供了啟用存檔頁面無限滾動的選項。 它允許您在常規分頁、加載更多按鈕或無限滾動之間進行選擇。 即使它沒有任何花哨的自定義選項，它也可以有效地完成工作。
除了無限滾動之外，Jetpack 還是一款出色的工具，可幫助您提高網站的安全性、性能、設計和營銷。 有關如何充分利用它的更多信息，請查看我們完整的 Jetpack WordPress 指南。
特徵
- 滿足您所有 WordPress 需求的多合一插件
- 無限滾動，可選擇分頁、加載更多按鈕和無限滾動
- 通過持續監控您的站點來增強安全性
- 使用站點加速器和延遲加載圖像提高性能
- 通過簡化的發布體驗撰寫引人入勝的內容
- 共享選項以增加您的內容的覆蓋面
- 通過評論與訪問者進行討論
- 分析以監控您網站的流量並最大限度地提高搜索引擎結果的可見性
價錢
Jetpack 是一個免費增值插件。 免費版包含所有核心功能，可能足以滿足大多數網站的需求。 對於高級用戶，按年付費的高級計劃起價為每月 9.95 美元。 此外，他們還提供 30 天退款保證。
5. 為 WooCommerce 加載更多產品
BeRocket的加載更多產品是 WooCommerce 專用的無限滾動的最佳插件之一。 該工具涵蓋了所有核心功能以及幾個自定義選項。 請記住，它只是 WooCommerce 的專用插件，因此不適用於 WordPress 博客和其他頁面。
使用此插件，您可以將導航模式設置為分頁、加載更多按鈕或無限滾動。 為移動設備選擇不同風格的導航，限制每頁的產品，並設置自己的加載器圖標。 此外，顯示的每個頁面的 URL 都會更新，但您也可以選擇退出。
來到自定義選項，您可以完全個性化加載更多按鈕並添加加載上一個按鈕以返回上一頁。 您還可以在頁面末尾添加自定義消息，甚至更改加載文本。 此外，您可以添加 JavaScript 鉤子和自定義 CSS 以進一步設置樣式。
最後， Load More Products還具有圖像和縮略圖的延遲加載功能。 延遲加載意味著僅當用戶到達該圖像而不是在頁面加載時才加載圖像。 這減少了頁面加載時間，改善了用戶體驗、SEO 和網站速度。 您可以為整個站點或僅在移動設備上啟用延遲加載。
特徵
- 在分頁、加載更多和無限滾動選項之間進行選擇
- 為移動設備選擇不同的導航方式
- 可自定義加載更多按鈕、加載圖像和文本
- 添加自定義編碼的 JavaScript 鉤子
- 具有 40 多個動畫的圖片和縮略圖的延遲加載
- 用戶到達內容末尾時的自定義消息
價錢
為 WooCommerce 加載更多產品有免費和付費版本。 免費版包括基本功能。 對於高級定制選項，您可以獲得他們的高級計劃，單個站點的起價為 34 美元。 所有高級計劃都包括 30 天退款保證，因此如果您對產品不滿意，您可以獲得退款。
6. WooCommerce 無限滾動和 AJAX 分頁
WooCommerce 無限滾動和 AJAX 分頁是為 WooCommerce 開發的另一個最佳無限滾動插件。 使用此工具，您可以在 AJAX 分頁、加載更多按鈕和用於導航的無限滾動之間進行選擇。 此外，您可以為台式機和移動設備選擇不同的導航方式。
除了無限滾動之外，該插件還具有 WooCommerce 縮略圖的延遲加載功能。 這樣，縮略圖僅在用戶向下滾動時加載，而不是在頁面加載時加載，從而幫助您節省服務器資源並提高網站速度。
該工具需要最少的設置，並提供一個非常簡約的界面，易於使用。 最後，客戶支持很棒，所以如果您遇到任何問題，您將獲得快速而有用的答案。
特徵
- 自帶3種分頁方式：AJAX分頁、加載更多按鈕、無限滾動
- 能夠為移動設備設置不同的分頁類型
- WooCommerce 縮略圖的延遲加載
- 限制每頁的產品，更改佔位符圖像、動畫等
- 出色的客戶支持
價錢
WooCommerce Infinite Scroll and Pagination 是一個高級插件，您可以獲得 17 美元和 6 個月的支持。 如果您需要額外的支持，您可以額外支付 10.50 美元將其延長至 12 個月。
7.動畫無限滾動
Animated Infinite Scroll是Sbthemes開發的一款優秀插件。 它是一種通用工具，可與 WordPress 網站以及 WooCommerce、BuddyPress 等平台無縫協作。
它提供三種分頁方法（AJAX 分頁、加載更多按鈕和無限滾動），並允許您為移動設備選擇首選方法。 此外，該插件適用於無限頁面，因此您不必擔心達到最大限制。
在自定義方面， Animated Infinite Scroll提供了多種自定義選項以及 130 多種動畫樣式。 您還可以使用自定義選擇器選項來處理自定義主題，並且可以將自定義類添加到加載器按鈕以自定義其樣式。
最後，這個插件提供了一個乾淨的界面，很容易設置，並提供出色的客戶支持。
特徵
- 3種導航方式：AJAX分頁、加載更多、無限滾動
- 為移動設備選擇不同的尋呼方式
- 適用於無限頁面
- 超過 130 種動畫風格
- 將自定義類添加到加載器按鈕以進行樣式設置
- 適用於 WooCommerce、BuddyPress 和其他平台
- 出色的客戶支持
價錢
Animated Infinite Scroll 是 Envato 市場上的一個高級插件，售價 15 美元，支持 6 個月。 您還可以額外支付 8.75 美元將此支持延長至 12 個月。
結論
總而言之，無限滾動是一種通過更直觀的瀏覽來增強站點用戶體驗的好方法，尤其是對於移動設備和其他觸摸屏設備。
由於用戶滾動時內容會自動加載，因此可以讓他們保持參與度，因此他們會在您的網站上停留更長時間。 更高的用戶參與度加上更好的用戶體驗會降低跳出率並改善您網站的 SEO。
在本文中，我們分享了 WordPress 無限滾動的最佳插件列表。 但是其中哪一個最適合您？ 這個問題的答案是相當主觀的，它歸結為一個人自己的要求和偏好。
我們的建議
AJAX Load More是我們列表中最好的無限滾動插件之一。 它允許您創建自己的短代碼並將它們放置在您網站的任何位置，從而為您提供完全的自由。 值得注意的是，沒有太多技術知識的用戶可能會發現很難設置。 如果是這種情況，我們建議您查看我們的分步指南，以使用 AJAX 加載更多設置無限滾動。
另一方面，如果您只是想要一個可以使用並完成工作的插件，那麼Catch Infinite Scrolling是您最好的選擇。 它是預先配置的，您可以一鍵進行設置。 YITH Infinite Scrolling也是一個簡單但功能豐富的插件，提供更多自定義選項，是一個不錯的選擇。
或者，如果您想要一個專用的 WooCommerce 插件， BeRocket為 WooCommerce 加載更多產品是您的選擇。 這個功能豐富的工具專為 WooCommerce 商店構建，將幫助您提高銷售額。
最後， Automattic的Jetpack是一個多合一的插件，可以滿足您的大部分 WordPress 需求。 如果您正在尋找一種可以兼顧網站性能、安全性並允許您同時添加無限滾動的工具，Jetpack 就是您的理想之選。
您是否曾經在您的 WordPress/WooCommerce 網站上設置過無限滾動？ 你用的是哪個插件？ 我們應該包括哪個工具？ 請在下面的評論中告訴我們。