ＷＰ固定ページで記事一覧表示させた時のページャーの扱い方

Question

wordpressの固定ページで記事の一覧を作成しています。
固定ページでページャーを使いたいのですがループより下でないとページャーが表示されません。
.wrap1のすぐ下にもページャーを表示させるには、どのようにしたら正解なのでしょうか…？

.paginationが表示させてたいページャーです。

<div class="wrap1">

	<!-- ここにページャーを表示させたいが、ページャーが表示されない -->
	
	<?php
	  $paged = (int) get_query_var('paged');
	  $args = array(
	    'posts_per_page' => 3,
	    'paged' => $paged,
	    'orderby' => 'post_date',
	    'order' => 'DESC',
	    'post_type' => 'post',
	    'post_status' => 'publish'
	  );
	  $the_query = new WP_Query($args);
	  if ( $the_query->have_posts() ) :
	  while ( $the_query->have_posts() ) : $the_query->the_post();
	?>

	<div class="blog_post">
		<h2 class="title"><?php the_title(); ?><span><?php echo get_the_date('Y年m月d日'); ?></span></h2>
		<div class="grad-wrap">
			<div class="grad-trigger"><img src="https://placehold.jp/150x150.png"></div>
				<div class="grad-item">
					<?php the_content(); ?>
				</div>
			</div>
		</div>
		<?php endwhile; endif; ?>
					
		<div class="pagination">
			<div class="pagination-box">
				<?php
				  if ($the_query->max_num_pages > 1) {
				  echo paginate_links(array(
				    'base' => get_pagenum_link(1) . '%_%',
				    'format' => '/page/%#%/',
				    'current' => max(1, $paged),
				    'class' => 'pagination',
				    'prev_text' => '前へ',
				    'next_text' => '次へ',
				    'type' => 'list',
				    'total' => $the_query->max_num_pages
				  ));
				  }
				?>
			</div>
		</div>
	</div>
</div>

お分かりになられる方見えましたら、よろしくお願いします。

Answer 1

      $the_query = new WP_Query($args);
      if ( $the_query->have_posts() ) :
    ?>
<!-- ここ -->
    <?php
      while ( $the_query->have_posts() ) : $the_query->the_post();
    ?>

Comments

[kei344]

エラーとは？エラー文をコードブロックで質問文に追記してください。

[satoshickkk]

先ほどのエラーが出たコメントは削除依頼させていただきました。
教えていただいた場所を修正し、ページャーを追加することができました。
本当にありがとうございました！