【WordPress】タクソノミーアーカイブとページネーションの作成【一覧ページ｜taxonomy.php|カスタム投稿タイプのカテゴリーアーカイブ】

https://hoge.com/area_cat/tokyo/

https://hoge.com/area/tokyo/

https://hoge.com/area/

<!-- ページタイトル -->
<h1 class="hoge"><?php single_term_title(); ?></h1>

<!-- 記事一覧-->
<ul class="news-info_wrapper">
  <!-- 基本設定 -->
  <?php
  $paged = get_query_var('paged') ? get_query_var('paged') : 1;
  $term_object = get_queried_object(); // 関数化：クエリの情報オブジェクトを取得
  $term_slug   = $term_object->slug; // 関数化：タームのスラッグ取得
  $args = array(
    'post_type' => 'works', //カスタム投稿タイプのスラッグ(functions.phpで設定している)
    'paged' => $paged, // 何ページ目の情報を取得するかを指定
    'taxonomy' => 'works-cat', // カスタムタクソノミーのスラッグ(functions.phpで設定している)
    'term' => $term_slug, // ターム（カテゴリー）のスラッグ
    'posts_per_page' => 5 // 表示件数（-1は全件表示）
  );
  // 記事ループ
  $the_query = new WP_Query($args);
  if ($the_query->have_posts()) : while ($the_query->have_posts()) : $the_query->the_post(); ?>
      <li class="hoge">
        <!-- パーマリンク -->
        <a href="<?php the_permalink(); ?>" class="hoge">
          <div class="service-img-wrapper">
            <!-- サムネイル -->
            <?php the_post_thumbnail('medium'); ?>
          </div>
          <!-- タイトル -->
          <h2 class="hoge"><?php the_title(); ?></h2>
          <!-- 抜粋 -->
          <p class="hoge"><?php the_excerpt(); ?></p>
          <!-- 投稿日 -->
          <p class="hoge"><?php the_time('Y年n月j日') ?></p>
        </a>
      </li>
    <?php endwhile; ?>
  <?php else : ?>
    <p>投稿がありませんでした。</p>
  <?php endif; ?>
  <?php wp_reset_postdata(); ?>
</ul>

<!-- ページネーション全体 -->
<div class="post-pagination-wrapper">
  <?php
  $args = array(
    'type' => 'list',
    'current' => $paged,
    'total' => $the_query->max_num_pages,
    'prev_text' => '<',
    'next_text' => '>',
  );
  echo paginate_links($args);
  ?>
</div>

// タイトル：ターム名（カテゴリー名）
<h1 class="hoge"><?php single_term_title(); ?></h1>

<!-- 記事一覧-->
<ul class="news-info_wrapper">
  <!-- 基本設定 -->
  <?php
  $paged = get_query_var('paged') ? get_query_var('paged') : 1;
  $term_object = get_queried_object(); // 関数化：クエリの情報オブジェクトを取得
  $term_slug   = $term_object->slug; // 関数化：タームのスラッグ取得
  $args = array(
    'post_type' => 'works', //カスタム投稿タイプのスラッグ(functions.phpで設定している)
    'paged' => $paged, // 何ページ目の情報を取得するかを指定
    'taxonomy' => 'works-cat', // カスタムタクソノミーのスラッグ(functions.phpで設定している)
    'term' => $term_slug, // ターム（カテゴリー）のスラッグ
    'posts_per_page' => 5 // 表示件数（-1は全件表示）
  );
  // 記事ループ
  $the_query = new WP_Query($args);
  if ($the_query->have_posts()) : while ($the_query->have_posts()) : $the_query->the_post(); ?>

<ul class="news-info_wrapper">
<!-- 中略 -->
  
<!-- 記事のループ -->
  $the_query = new WP_Query($args);
  if ($the_query->have_posts()) : while ($the_query->have_posts()) : $the_query->the_post(); ?>
      <li class="hoge">
        <!-- パーマリンク -->
        <a href="<?php the_permalink(); ?>" class="hoge">
          <div class="service-img-wrapper">
            <!-- サムネイル -->
            <?php the_post_thumbnail('medium'); ?>
          </div>
          <!-- タイトル -->
          <h2 class="hoge"><?php the_title(); ?></h2>
          <!-- 抜粋 -->
          <p class="hoge"><?php the_excerpt(); ?></p>
          <!-- 投稿日 -->
          <p class="hoge"><?php the_time('Y年n月j日') ?></p>
        </a>
      </li>
    <?php endwhile; ?>
  <?php else : ?>
    <p>投稿がありませんでした。</p>
  <?php endif; ?>
  <?php wp_reset_postdata(); ?>
</ul>

<!-- ページネーション -->
<div class="post-pagination-wrapper">
  <?php
  $args = array(
    'type' => 'list',
    'current' => $paged,
    'total' => $the_query->max_num_pages,
    'prev_text' => '<',
    'next_text' => '>',
  );
  echo paginate_links($args);
  ?>
</div>

// -----------------------------------------------------------------
// タクソノミーアーカイブ投稿でページネーションを使う設定
// -----------------------------------------------------------------
function change_posts_per_page($query) {
  if ( is_admin() || ! $query->is_main_query() ) {
    return;
  }
  if ( $query->is_tax( 'タクソノミースラッグ' ) ) { //タクソノミースラッグを記入
  $query->set( 'posts_per_page', '表示件数' ); //表示件数を記入
  }
}
add_action( 'pre_get_posts', 'change_posts_per_page' );

// -----------------------------------------------------------------
// タクソノミーアーカイブ投稿でページネーションを使う設定
// -----------------------------------------------------------------
function change_posts_per_page($query) {
  if ( is_admin() || ! $query->is_main_query() ) {
    return;
  }
  if ( $query->is_tax( 'works-cat' ) ) { //タクソノミー名を設定
  $query->set( 'posts_per_page', '5' ); //表示件数を設定
  }
}
add_action( 'pre_get_posts', 'change_posts_per_page' );