Не выводится пагинация

В конце этого кода с помощью вроде должна выводиться пагинация. Но не выводится. Что не правильно ?

<div class="col-lg-9 ">
  <?php
	$query = new WP_Query( [ 'category_name' => 'blog-posts', 'orderby' =>'date', 'order' => 'ASC' ] );
	  if (have_posts()){
		while($query->have_posts()){
		  $query->the_post(); ?>
		  <div class="blog-item">
			<div class="row">
			  <div class="col-lg-2 col-sm-2">
				<div class="date-wrap">
				  <span class="date">
					<?php the_time( 'j' ); ?>
				  </span>
				  <span class="month">
					<?php the_time('F'); ?>
				  </span>
				</div>
			  </div>
			  <div class="col-lg-10 col-sm-10">
				<div class="blog-img ">
				 <?php echo '<img src="' . the_post_thumbnail() . '">'; ?>
				</div>
			  </div>
			</div>
			<div class="row">
			<div class="col-lg-2 col-sm-2 text-right">
		<div class="author">
		  By
		  <a href="#">
			<?php the_author() ?>
		  </a>
		</div>
		<ul class="list-unstyled">
		<?php
			  $loop = CFS()->get('first_list');
			  foreach ($loop as $row) {
				?>
				  <li>
					<a href="javascript:;">
					  <em>
						<?= $row['name'];?>
					  </em>
					</a>
				  </li>
				<?php
			  }
			?>
		</ul>

		<div class="st-view">
		  <ul class="list-unstyled">
		  <?php
				$loop = CFS()->get('second_list');
				foreach ($loop as $row) {
				  ?>
					<li>
					  <a href="javascript:;">
						  <?= $row['name'];?>
					  </a>
					</li>
				  <?php
				}
			  ?>
		  </ul>
		</div>
	  </div>
	  <div class="col-lg-10 col-sm-10">
			   <?php the_content();?>
			  <a href="blog-detail.html" class="btn btn-primary">
				Continue Reading
			  </a>
		</div>
			</div>
		  </div>

		<?php } ?>
		  <?php the_posts_pagination(); ?>
	  <?php }?>
</div>