为自定义查询 wp 加载更多内容

Question

如何集成从自定义查询加载接下来 10 个帖子的"加载更多"按钮？ 我已经尝试了一堆插件，css和js方法，但似乎无法加载它。 您将如何在加载点击时加载更多帖子？ 任何提示都非常欣赏

<div class="container">
<div class="row featured-akcije">
@foreach(get_field('actions') as $action)
@php($query = new WP_Query(array('post_type' => 'condo', 'p' => $action['akcions']->ID)))
@php($query->the_post())
<div class="col-md-4 col-xl-3 action">
<div class="box-shadow-posts hoverPic">
<div class="row">
<div class="col-12 col-md-12">
<div class="row">
<div class="col-4 col-md-6 col-xl-6">
<div class="action-img">
<img src="{{ get_the_post_thumbnail_url() }}" class="img-fluid">
<p class="action">action</p>
</div>
</div>
<div class="col-8 col-md-6 pl-md-0">
<div class="row info-action">
<div class="col-md-12"><h2 class="title">
{{ the_title() }}
</h2></div>
<div class="col-md-12 price-info">
<div class="divider">
</div>
<?php if( get_field('price_off') ): ?>
<p class="price">price from <?php the_field('price_from'); ?>e</p>
<?php endif; ?>
<p class="detail"><a href="{{ the_permalink() }}"><span class="nav-border"></span><span>detail <i
class="fas fa-arrow-right"></i></span></a></p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
@php(wp_reset_postdata())
@endforeach
</div>
</div>

Answer 1

我为自定义查询实现了加载更多功能，如下所示：

• 创建wp ajax端点，在加载时称为javascript，单击更多按钮
• 端点偏移 要加载哪个帖子？例如，从 11 到 20 并返回带有呈现帖子的 html
• Javascript 将返回的 html 附加到页面的 html 的正确位置

如何创建端点？以下是创建端点并从javascript调用它的示例： https://codex.wordpress.org/AJAX_in_Plugins 在端点中，您应该调用这样的获取帖子：$query = new WP_Query(array('post_type' => 'condo', 'p' => $action['akcions']->ID))在参数中传递了适当的偏移量，渲染 html 模板并返回它。