如何在您的網站上獲得 WordPress 無限滾動

已發表: 2022-06-28

想要在您的 WordPress 網站上無限滾動? 使用正確的 WordPress 無限滾動插件,這很容易。 讓我們學習如何!

How to get WordPress Infinite Scroll on your site

希望在 WordPress 中為帖子添加無限滾動? 使用正確的 WordPress 主題或插件,我們只需很少或無需編碼即可做到這一點。

首先,讓我們定義無限滾動的含義。 這是一種允許用戶無限滾動直到內容用完的瀏覽體驗。

但是什麼樣的內容? 對於大多數希望在 WordPress 中實現無限滾動的人來說,有三個常見的用例:

Formidable Forms 是最好的 WordPress 表單生成器插件。 免費獲取!
  1. 無限帖子加載:當用戶滾動瀏覽博客帖子列表時,會出現更多帖子。 此功能取代了對加載更多按鈕的需求。
  2. 無限滾動單篇文章:當用戶滾動到博客文章的末尾時,會加載另一篇博客文章。
  3. 無限滾動自定義內容:允許用戶滾動自定義內容,例如房地產列表。

在這篇文章中,我們將為上述所有問題推薦解決方案。 幸運的是,有一些很棒的無限滾動插件和主題可以幫助我們完成繁重的工作。

但在我們開始之前,讓我們確保無限滾動功能適合您的網站。

WordPress帖子的無限滾動總是一個好主意嗎?

讓我們首先問自己:為什麼我們想要一個無限滾動的 WordPress 博客?

對於某些網站,無限滾動可能是一個不錯的選擇。 它允許您的網站表現得像 Instagram 一樣,用戶可以“無限”滾動並不斷獲取新內容。 這使得它非常適合已經習慣這種體驗的移動用戶。

那麼誰應該為他們的網站添加無限滾動選項呢? 有幾個明顯的選擇:

  • 移動用戶為主的網站
  • 任何希望鼓勵瀏覽的網站(電子商務、房地產、列表網站)

但是無限滾動有缺點嗎? 的 - 例如:

  1. 它可能會導致 SEO 困難:根據您無限滾動的內容類型,您可能會遇到 SEO 問題。 現實情況是,Google 仍然不確定如何正確抓取這些頁面,並且他們對如何正確編碼您的網站以避免出現問題提出了建議。
  2. 您的頁腳變得無用:如果您的頁面不斷加載更多帖子,那麼您的頁腳當然永遠不會被看到!
  3. 這可能會令人困惑:有時用戶可能不知道一篇文章在哪裡結束而另一篇文章從哪裡開始。 聽起來很簡單,但這確實會影響您的 WordPress 網站上的用戶體驗。
  4. 分析成為一項挑戰:您現在將在無限的帖子加載中跟踪用戶行為,而不是一次跟踪一個帖子的用戶行為。 設置正確的跟踪還不直觀。 另外,您鼓勵用戶無休止地滾動……因此,如果他們滾動瀏覽整個帖子,您的數據將變得不可靠。

因此,一方面,它可以提供越來越多的人喜歡的用戶體驗。 另一方面,它帶來了可能不值得的額外挑戰。

如果您對此感到滿意,讓我們來看看我們的 WordPress 無限滾動教程吧!

最好的 WordPress 無限滾動解決方案

我們將向您展示以下無限滾動模式的最佳選擇:

  1. WordPress 無限滾動帖子(滾動顯示更多帖子)
  2. WordPress帖子無限滾動(滾動顯示下一個帖子)
  3. 自定義 WordPress Ajax 無限滾動(滾動顯示自定義內容

前兩種模式比較簡單,可以通過WordPress插件和主題來實現。

第三種模式可以通過我們的低代碼 WordPress 應用程序構建器實現:強大的視圖

歸根結底,您想要使用任何這些選項的原因很簡單。 從頭開始編寫 WordPress 無限滾動 Ajax 加載解決方案並不容易!

如果您想知道 Ajax 是什麼,請不要擔心! 這是一個具有許多不同應用的技術概念。 但是當我們談論 WordPress 中的 Ajax 無限滾動時,它只是意味著新內容“在滾動時”加載。

這很重要,因為如果沒有 Ajax,如果您想進行無限滾動,就需要加載網站上的所有帖子。 使用 Ajax,可以根據需要獲取更多帖子 - 當用戶滾動時,Ajax 請求會加載更多帖子(允許更快的加載時間)。

1. WordPress 無限滾動帖子

如果您正在尋找一種允許用戶在向下滾動頁面時加載更多帖子的方法,請不要再猶豫了。 這是一個很好的解決方案:Ajax 加載更多插件。

Ajax 加載更多插件

如果您只想用無限滾動功能替換加載更多按鈕,那麼這就是您要選擇的插件。 它有很好的評論,甚至還有一些高級功能,比如:

  • Elementor 和 WooCommerce 附加組件
  • 簡碼生成器
  • 客戶中繼器
  • 懶加載帖子

該插件還允許用戶根據默認的 WordPress 參數(如帖子類型、類別、標籤等)應用無限滾動。

2. WordPress帖子無限滾動

如果您希望用戶能夠滾動到帖子的末尾並加載下一個帖子,這就是您需要的...

你猜怎麼著? 又是Ajax 加載更多插件

但說實話,有一些值得尊敬的提及:

  1. Catch Infinite Scroll:我們確實經常看到這個免費插件被推薦,它看起來運行良好。 但截至 2022 年 6 月,它已經三個月沒有更新了。
  2. YITH Infinite Scroll:這是專為 WooCommerce 用戶設計的插件。 它有點貴,但確實包含更多與 WooCommerce 一起使用的選項。

3.自定義WordPress Ajax無限滾動

以上兩種模式是相當標準的。 如果您在過去幾年中一直在使用互聯網,那麼您很可能以前遇到過它們。 這可能就是您在這裡尋找解決方案的原因!

但是如果你想做一些完全定制的事情呢? 為了向您展示我的意思,我將使用房地產列表網站的示例。

為房地產列表等自定義內容添加無限滾動

首先,讓我們考慮一下誰使用房地產列表網站:

  • 購房者(及其代理人)
  • 房地產經紀人出售房產

現在,讓我們考慮一下房地產列表網站的工作原理:

  1. 銷售代理上傳列表數據(通過 WordPress 表單)
  2. 表單根據上傳的數據生成自定義列表頁面
  3. 列表頁面被添加到列表中其他當前列表

要使上述內容正常工作,您需要一個 Web 表單來創建自定義帖子類型並自動顯示它。 換句話說,您需要深入研究並編寫自定義解決方案。

當然,除非您使用我們的! 我們稱之為強大的觀點。 您可以使用它構建的內容幾乎沒有限制。 這是另一個例子,餐廳列表:

餐廳列表網站也可以使用無限滾動

強大的視圖使使用 WordPress 構建 Web 應用程序變得容易。 雖然博客文章的無限滾動可能很酷,但它是列出網站的必要條件。 如果您願意,也可以使用標準分頁。

包起來

你去 - 當你有正確的插件時,無限滾動並不難! 我們希望您今天找到了您要找的東西。 如果您有任何想法或問題,請在下面的評論中告訴我們。 感謝您的光臨!


嘿,當你在這裡時,我們可以問你一個問題嗎? 您對您的WordPress 表單生成器滿意嗎? 也許您正在使用主題的內置表單或其他插件。 如果您喜歡嘗試新插件,請嘗試一下! 我們有一個免費的在線表單生成器,可以直接從您的 WP 後端運行。

如果您感覺先進,請查看我們的高級插件,其中包含計算器、模板、條件邏輯和更多功能 我們也有退款保證,請在此處查看 我們很高興有你。