如何為 WordPress 貼文實作「載入更多」Ajax 按鈕？

在WordPress 中加載更多帖子Ajax 按鈕

本教程解決了在WordPress 中實現“加載更多按鈕”以增量加載帖子的問題通過阿賈克斯。該問題涉及整合 jQuery、Ajax 和 WordPress 功能來按需檢索和顯示新帖子。

解決方案：

在index.php 範本文件，建立一個ID 為「ajax-posts」的容器元素，並包含PHP程式碼來查詢和顯示有限數量的貼文（例如， 三）。新增一個 ID 為「more_posts」的按鈕來觸發載入其他貼文。

在 functions.php 檔案中，建立一個函式 (more_post_ajax()) 來處理 Ajax 要求。此函數將接收每頁貼文的偏移和數量作為參數，並查詢資料庫以檢索下一組貼文。

在Ajax 調用（在腳本文件或內聯中） ），設置Ajax URL，將偏移量和每頁帖子數量作為數據發送，並通過將檢索到的帖子附加到“ajax-posts”容器並遞增頁面來處理回應數字。

範例程式碼：

index.php

<div>

functions..php

function more_post_ajax() {
    // Get offset and number of posts per page
    $offset = $_POST['offset'];
    $ppp = $_POST['ppp'];

    // Query database to retrieve next set of posts

    // Return retrieved posts
    echo $posts;
    exit;
}

Ajax呼叫

以上是如何為 WordPress 貼文實作「載入更多」Ajax 按鈕？的詳細內容。更多資訊請關注PHP中文網其他相關文章！