如何在 WordPress 中添加加載更多帖子按鈕

作為博主和內容創建者，您希望讓人們參與並閱讀您的帖子。 有很多方法可以做到這一點：一個好的搜索或標記系統，一個帶有最近帖子鏈接的側邊欄，一旦讀者到達頁面底部，一個舊帖子的畫廊，等等。

另一種好方法是使用“加載更多帖子”按鈕，也稱為無限滾動。 這將使感興趣的讀者只要願意就可以瀏覽您的內容。 如果您願意下載插件或做一些編碼工作，這個寶貴的功能很容易添加到您的 WordPress 網站。 讓我們開始吧。

為什麼要無限滾動？

當用戶導航到下一頁時，必須重新加載整個站點。 導航欄、背景等等——雖然它們可能已經緩存了這些元素，但還是要多等幾秒鐘。 通過無限滾動，只需加載新帖子，只需片刻。

此外，無限滾動讓訪客閱讀。 如果他們必須搜索以找到較舊的帖子，他們可能不會繼續閱讀。 但只要有一個按鈕，它們可能會停留更長時間。

如果您準備好向 WordPress 添加加載更多按鈕，那麼您應該記住幾件事。

• 在編輯模板文件或代碼之前，請務必備份您的 WordPress 網站。 或者在將更改帶到主站點之前使用子主題進行試驗。
• 要安裝 WordPress 插件，請轉到您的 WordPress 管理區域，然後單擊“插件”下方的“添加新”按鈕。 從那裡，搜索您想要的插件，安裝並激活它。 就這麼簡單！
• 如果這不起作用，請從您找到的任何地方下載該插件。 再次轉到“添加新”，但這一次，單擊“上傳”上傳文件。 然後安裝並激活插件。
• 如果這些方法似乎不起作用，一些插件會附帶其他安裝說明！

沒有插件

不是插件人？ 如果你更願意自己做這件事，不用擔心。 如果您想自己編寫代碼或製作自己的插件，請遵循本指南或本指南。 兩者都可以幫助您自行設置此功能 - 儘管您可能會錯過插件可以提供的額外功能和輕鬆自定義。

這些教程涉及很多嚇人的代碼，但只要按照說明進行操作，應該不會太難。 您將設置一些參數以確保如果沒有足夠的帖子，按鈕不會顯示，設置基本代碼，並使用 CSS 使其漂亮。

輕鬆加載更多

如果您更喜歡插件，這是一個很好的選擇。 Easy Load More，顧名思義，是一個懶加載插件。 它使用 Ajax 在同一頁面上加載額外的帖子，並且幾乎不需要對主題文件進行編輯。 該插件是專門為留下盡可能小的標記而設計的，具有簡約且可自定義的默認按鈕、較小的 Javascript 大小以及使用 SVG 呈現的加載圖標，因此不需要下載圖像文件。

一旦你下載了插件，就很容易設置它。 首先，您需要從插件菜單上的設置頁面配置插件。 然後，找到您想要無限滾動的頁面，並將“load_more_button()”函數添加到主題的模板文件中。 它適用於自定義模板和任何頁面，從主頁到存檔頁面。

加載更多

如果您正在尋找更高級的東西，Ajax Load More 提供了許多額外的功能。

有一個簡碼生成器，可讓您創建對其他頁面、帖子或評論的自定義查詢。 查詢參數意味著加載的帖子可以屬於某些類別或帖子類型，您也可以過濾掉某些帖子。 您還可以創建模板，使插件與您的主題完美匹配。

除了所有這些功能之外，還有一些附加組件可以進一步擴展功能。 預加載帖子，用頁面替換延遲加載，或更改插件的外觀和佈局！

雖然 Ajax Load More 可以由高級用戶進行廣泛定制和調整，但設置它是一個相當小的考驗。 只需使用 Shortcode Builder 創建您的自定義簡碼，然後通過內容編輯器直接將其添加到您的站點或將其放置在您的模板文件中。 這就是你需要做的！

為 WooCommerce 加載更多產品

如果您使用電子商務，這種特殊類型的加載更多按鈕使用類似的 Ajax 編碼來加載無限產品。 它與多個 WooCommerce 插件兼容。 免費版本讓您可以通過按鈕和一些基本的自定義功能訪問無限滾動。 付費插件有多個延遲加載選項，包括動畫、按鈕自定義和針對移動設備的不同加載。

簡單加載更多

如果您只需要簡單且易於激活的東西，Simple Load More 將完成工作。 它會在您的主頁上自動激活，因此如果您只需要這些，您只需安裝、設置並完成即可。

如果您在其他頁面上需要它，只需進行一些簡單的設置並將函數“simple_more_button()”或簡碼“[load_more button_text=”ABC”]”添加到您想要按鈕的頁面的模板文件中。

加載更多

如果你想嘗試一個簡單的 jQuery 加載更多插件，請查看這個。 加載更多任何東西都適用於任何地方、任何頁面、任何內容。 帖子、評論、產品、圖片——任何地方，任何地方。

為此，您需要一些技術知識。 雖然您不需要弄亂主題文件，但您需要找到與您希望按鈕顯示的位置以及它將從何處提取內容相關的“div”標籤。 最簡單的方法是在您想要按鈕的位置使用“檢查元素”，並嘗試找到正確的 div、class 或 side 標籤。 如果您不是 Web 開發人員或不知道如何瀏覽 Inspect Element，您可能想跳過這一步。

通過加載更多輕鬆吸引讀者

那不是那麼難，對吧？ 無限滾動是讓訪問者輕鬆訪問更多內容的好方法，而無需加載多個頁面或瀏覽導航鏈接。 它很簡單，消除了任何可能的混淆。 如果您的網站上還沒有加載更多按鈕，您還在等什麼？

如果本指南對您有所幫助，何不查看我們的Facebook和Twitter以獲取更多 WordPress 提示和教程？ 如果您想從我們這裡看到任何 WordPress 教程，請在下面的評論中告訴我們。