為什麼要在您的 WordPress 網站上添加無限滾動?
無限滾動是一種網頁設計趨勢,使用 AJAX 網頁載入技術自動載入下一頁的內容並顯示在當前頁面的末尾。這可以使訪客瀏覽您的內容更加方便和愉快。取代點擊鏈接來查看更多內容,無限滾動會在用戶向下滾動時自動載入新內容。這種流暢的體驗可以讓人們在您的網站上停留更長時間,並且可能會增加您的頁面瀏覽數。
但需要注意的是,無限滾動可能不適合某些類型的網站,例如每頁都是不同字母的網絡目錄。如果您使用無限滾動,那麼您也無法在 WordPress 博客上顯示頁腳。此外,無限滾動可能會給您的服務器帶來額外負擔。因此,如果您想嘗試,最好優化您的 WordPress 網站性能。
方法 1:使用 Catch Infinite Scroll 添加無限滾動(推薦)
在我們的測試和研究中,我們發現最好的方法是使用 Catch Infinite Scroll 插件添加無限滾動。除了操作簡單之外,它還允許您自定義無限滾動的行為。
首先,您需要安裝和激活 Catch Infinite Scroll 插件。請參閱我們的逐步指南了解如何安裝 WordPress 插件。
啟用後,您將在 WordPress 儀表板中看到一個名為「Catch Infinite Scroll」的新選單項目。只需點擊它即可配置插件設置。
我們希望在用戶開始向下滾動頁面時觸發無限滾動。因此,打開「載入」下拉菜單並選擇「滾動」。如果您選擇「點擊」,那麼 Catch Infinite Scroll 將顯示一個「載入更多」按鈕。
接下來,您可以自定義導航選擇器、下一個選擇器、內容選擇器和項目選擇器。默認設置工作得很好,所以您不需要做任何更改。「圖像」部分顯示了無限滾動在加載內容時顯示的加載圖標。默認情況下,它使用的是加載 GIF 圖像,但如果您想,可以更改它。只需點擊「上傳」,然後從媒體庫中選擇圖片或上傳新文件。
當您對無限滾動設置感到滿意時,點擊「保存更改」按鈕以保存您的更改。現在,如果您訪問您的 WordPress 網站,您將看到無限滾動在執行。
方法 2:使用 YITH Infinite Scrolling 添加無限滾動(簡單)
如果您正在尋找無需配置設置的簡單替代方案,那麼您可能想嘗試 YITH Infinite Scrolling。這個插件開箱即用,因此您只需安裝和激活它即可為您的 WordPress 網站添加無限滾動。請參閱我們的逐步指南了解如何安裝 WordPress 插件。啟用後,您可以訪問您的網站查看新的無限滾動功能。
如果您想調整無限滾動,您可以在 WordPress 儀表板中訪問 YITH » Infinite Scrolling,找到一些簡單的設置。在這裡,您可以啟用和禁用無限滾動。您還可以更改在加載內容時 YITH 顯示的圖像或 GIF。只需滾動到「加載圖像」部分,然後點擊「上傳」,然後從 WordPress 媒體庫中選擇圖像或從計算機上傳新圖像。
方法 3:使用 Ajax Load More 添加無限滾動(高級)
Ajax Load More 擁有高度自定義界面,包括重複模板、短代碼生成器和 WordPress 查詢。該插件還提供更多自定義設置,包括許多頁面加載圖標樣式和按鈕樣式。考慮到這一點,它的學習曲線較陡,不推薦給初學者。不過,它確實為更高級的用戶提供了對其網站無限滾動的完全控制。
欲了解詳盡指南,請參閱我們的教程「使用 Ajax Load More 插件創建一個載入更多帖子按鈕」。
在 WordPress 中添加無限滾動:常見問題
您還有關於在 WordPress 網站上添加無限滾動的疑問嗎?讓我們來討論一些關於這個設計特性的常見問題。
無限滾動是好還是壞?無限滾動有其優缺點。對於用戶喜歡瀏覽各種內容的社交媒體、博客和新聞網站來說,它非常適合。然而,對於像電子商務等目標導向的網站,用戶可能會感到沮喪,因為他們在尋找特定項目時可能會遇到困難。
無限滾動是否會提高性能?無限滾動可以讓用戶更快地訪問更多內容,特別是在移動設備上,滾動是自然的。然而,如果沒有適當的優化,它可能會拖慢頁面加載時間,尤其是當有大媒體文件時。因此,遵循最佳網站速度和性能實踐是個好主意。
無限滾動是否對 SEO 不利?如果沒有適當優化,無限滾動可能對 WordPress SEO 不利。搜索引擎可能不會索引所有內容,因為它們不會自動向下滾動。不過,有一些方法可以優化它以獲得更好的 SEO。您可以使用 AJAX 添加載入更多按鈕,這樣搜索引擎會識別更多內容,使用架構標記來幫助搜索引擎理解您的內容,並預加載即將到來的內容鏈接。
無限滾動是否比分頁更好?無限滾動是否比分頁更好取決於您的網站和用戶的需求。無限滾動提供無縫體驗,而分頁提供更清晰的結構。兩者都有其優勢,您可以根據您的內容和受眾偏好進行選擇。