WordPress如何配置AJAX以支持点击加载更多？

小小优化师 anny2025-01-15 10:15

WordPress 配置 AJAX 支持点击加载更多内容通常涉及到前端 JavaScript 和服务器端的配合。以下是基本步骤：

安装插件：你可以选择一个现成的插件如 "Advanced Custom Fields" 或者 "WP Infinite Scroll"，它们已经内置了 AJAX 功能，简化了设置过程。

function load_more_posts() {
if ( ! current_user_can( 'edit_posts' ) ) {
wp_die( -1 ); // 检查权限，仅允许有编辑权限的用户访问
}

$args = array( 'post_type' => 'your_post_type', 'posts_per_page' => 5, // 加载的数量 'paged' => isset($ _POST['page_num'] ) ? absint( $_POST['page_num'] ) : 1, 'offset' => ($ paged - 1 ) * $posts_per_page );$ new_query = new WP_Query( $args );

if ( $new_query->have_posts() ) { ob_start(); while ($ new_query->have_posts() ) {
$new_query->the_post(); // 输出文章内容... } wp_reset_postdata();$ output = ob_get_clean();
} else {
$output = __( 'No more posts to load.' ); } die( json_encode($ output ) );
}
add_action( 'wp_ajax_load_more_posts', 'load_more_posts' );
add_action( 'wp_ajax_nopriv_load_more_posts', 'load_more_posts' );