您可以使用各种WordPress插件添加加载更多按钮,只需选择一个并按照说明操作即可。我喜欢这个:https://wordpress.org/plugins/ajax-load-more-anything/
是的,可以在不使用REST API的情况下添加它,但REST API对于此类活动非常有用。为了提供一个具体的示例,我需要查看您正在处理的确切页面,但基本方法(不使用REST API)如下:向每个页面添加一些jQuery代码:
中断点击事件,通过Ajax调用页面,解析出额外的帖子,将帖子附加到当前列表的末尾,如下所示:
<section id="blogposts">
<article>(blog post HTML)</article>
</section>
<a id="loadmore" href="(href to next page of results)">Load More</a>
您可能会遇到类似这样的jQuery(这是因为您需要管理更多的详细信息才能做到防弹——本示例只加载下一页的帖子):
$("#loadmore").on("click", function(e){
e.preventDefault
var nextPage;
$.ajax({
type: \'GET\',
url: nextPage.attr(\'href\'),
success: function(data) {
if (0 == data.length) {
// nothing more to show
} else {
var frag = $.parseHTML(data)).children(\'#blogposts\');
$(\'#blogposts\').append($(frag));
}
},
error: function(data) {
nextPage.text(\'Error loading more… Click to try again\');
}
});
});
上面的脚本并不完美,但应该让您知道如何在不使用REST API的情况下实现这一点。