У меня на главной странице темы должны выводится категории блога и в каждой категории последние 4 записи. Вот такой для этого использую код. Получаю все категории и вывожу их таким образом. И вывожу в блоке 4 поста, первый особенным образом выделяется другим оформлением. Но почему-то у меня я при каждому проходе цикла (то есть вывода одного блока категории) получаю 4 одинаковых поста. И эти посты не меняются с другой категорией. А в некоторых категориях у меня при этом вообще только один или два поста. Что я сделал не так? Должно быть я неправильно запрос постов из категории делаю. Однако гуглинг в интернете мне ничего нового не дал. Поэтому прошу мне помочь
<div class="site-section">
<div class="container">
<div class="row">
<?php $categories = get_categories(); ?>
<?php foreach ($categories as $category) { ?>
<div class="col-lg-4 mb-5 mb-lg-0">
<div class="section-heading mb-5 d-flex align-items-center">
<h2><?php echo $category->name; ?></h2>
<div class="ml-auto"><a href="<?php echo get_category_link( $category ); ?>" class="view-all-btn">View All</a></div>
</div>
<?php
$category_posts_query = new WP_Query(array(
'posts_per_page' => 4,
"category" => $category->cat_ID
));
if ( $category_posts_query->have_posts() ) {
$i = 0;
while ( $category_posts_query->have_posts() ) {
if ($i === 0) {
$category_posts_query->the_post();
?>
<div class="entry2 mb-5">
<a href="<?php the_permalink(); ?>"><img src="<?php the_post_thumbnail_url(array(370, 247)); ?>" alt="Image" class="img-fluid rounded"></a>
<span class="post-category text-white bg-primary mb-3">Sports</span>
<h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
<div class="post-meta align-items-center text-left clearfix">
<?php
$uid = get_the_author_meta("ID");
$author_fullname = get_the_author_meta('user_firstname', $uid)." ".get_the_author_meta('user_lastname', $uid);
?>
<figure class="author-figure mb-0 mr-3 float-left"><img src="<?php echo get_avatar_url( $uid, array("size" => 30, "default" => "mystery") ); ?>" alt="Image" class="img-fluid"></figure>
<span class="d-inline-block mt-1">By <span class="text-black"><?php echo $author_fullname; ?></span></span>
<span> - <?php the_time("F j, Y"); ?></span>
</div>
<?php the_excerpt(); ?>
</div>
<?php
} else {
$category_posts_query->the_post();
?>
<div class="entry4 d-block d-sm-flex">
<figure class="figure order-2"><a href="#"><img src="<?php bloginfo("template_url"); ?>/images/img_2.jpg" alt="Image" class="img-fluid rounded"></a></figure>
<div class="text mr-4 order-1">
<span class="post-category text-white bg-primary mb-3">Sports</span>
<h2><a href="single.html">The 20 Biggest Fintech Companies In America 2019</a></h2>
<span class="post-meta mb-3 d-block">May 12, 2019</span>
</div>
</div>
<?php
}
$i++;
}
wp_reset_postdata();
}
?>
</div>
<?php } ?>
</div>
</div>
</div>