Казалось бы простая тема, но испробовала очень много способов и ни один не работает для меня. Копка нажимается, пишет "Загружаю...", но следующие посты не выводятся, не пойму в чем проблема. Вот мой код:
Это у меня в файле front-page.php
<div class="blog-content__row js-blog-slider">
<?php
$mypost_Query = new WP_Query( array(
'posts_per_page' => 6,
'cat' => array(5,6,7),
'orderby' => 'data',
'order' => 'ASC'
) );
if ( $mypost_Query->have_posts() ) :
while ( $mypost_Query->have_posts() ) : $mypost_Query->the_post(); ?>
<div class="blog-content__item-col">
<article class="blog-card">
<a href="<?php the_permalink(); ?>">
<div class="blog-card__header">
<h3 class="blog-card__title"><?php the_title(); ?></h3>
<img class="blog-card__img" src="<?php echo get_the_post_thumbnail_url( $post->ID, 'full' ); ?>" alt="Заголовок новости" />
</div>
</a>
<div class="blog-card__body">
<a href="<?php the_permalink(); ?>">
<p class="blog-card__text">
<?php the_excerpt(); ?>
</p>
</a>
<a href="<?php the_permalink(); ?>" class="blog-card__link btn btn_secondary btn_arrow btn_arrow-grey">подробнее</a>
</div>
</article>
</div>
<?php endwhile; wp_reset_postdata(); ?>
<?php if ( $mypost_Query->max_num_pages > 1 ) : ?>
<script>
var ajaxurl = '<?php echo site_url() ?>/wp-admin/admin-ajax.php';
var true_posts = '<?php echo serialize($mypost_Query->query_vars); ?>';
var current_page = <?php echo (get_query_var('paged')) ? get_query_var('paged') : 1;
?>;
var max_pages = '<?php echo $mypost_Query->max_num_pages; ?>';
</script>
<div id="true_loadmore">Загрузить ещё</div>
<?php endif;
endif;
?>
</div>
Далее код jQuery:
jQuery(function ($) {
$('#true_loadmore').click(function () {
$(this).text('Загружаю...'); // изменяем текст кнопки, вы также можете добавить прелоадер
var data = {
'action': 'loadmore',
'query': true_posts,
'page': current_page
};
$.ajax({
url: ajaxurl, // обработчик
data: data, // данные
type: 'POST', // тип запроса
success: function (data) {
if (data) {
$('#true_loadmore').text('Загрузить ещё').before(data); // вставляем новые посты
current_page++; // увеличиваем номер страницы на единицу
if (current_page == max_pages) $("#true_loadmore").remove(); // если последняя страница, удаляем кнопку
} else {
$('#true_loadmore').remove(); // если мы дошли до последней страницы постов, скроем кнопку
}
}
});
});
});
И то что в functions.php
function true_load_posts(){
$args = unserialize( stripslashes( $_POST['query'] ) );
$args['paged'] = $_POST['page'] + 1; // следующая страница
$args['post_status'] = 'publish';
$args['posts_per_page'] = 6; // по сколько записей подгружать
$args['cat'] = array(5,6,7);
$args['orderby'] = 'data';
$args['order'] = 'ASC';
// обычно лучше использовать WP_Query, но не здесь
query_posts( $args );
// если посты есть
if( have_posts() ) :
// запускаем цикл
while( have_posts() ): the_post();
echo '.
<div class="blog-content__item-col">
<article class="blog-card">
<a href="'. the_permalink() .'">
<div class="blog-card__header">
<h3 class="blog-card__title">'. the_title() .'</h3>
<!-- /.blog-card__title -->
<img class="blog-card__img" src="'. get_the_post_thumbnail_url( $post->ID, 'full' ) .'" alt="Заголовок новости" />
</div>
<!-- /.blog-card__img -->
</a>
<!-- /.blog-card__header -->
<div class="blog-card__body">
<a href="'. the_permalink() .'">
<p class="blog-card__text">
'. the_excerpt() .'
</p>
</a>
<!-- /.blog-card__text -->
<a href="'. the_permalink() .'" class="blog-card__link btn btn_secondary btn_arrow btn_arrow-grey">подробнее</a>
<!-- /.blog-card__link btn btn_secondary btn_arrow btn_arrow-grey -->
</div>
<!-- /.blog-card__body -->
</article>
<!-- /.blog-card -->
</div>
.';
endwhile;
endif;
die();
}
add_action('wp_ajax_loadmore', 'true_load_posts');
add_action('wp_ajax_nopriv_loadmore', 'true_load_posts');