WordPressでページネーションを組み込んでみる

<div class="pagination">
<?php echo paginate_links(
  array('type' => 'list',
    'prev_text' => '<',
    'next_text' => '>'
  )); ?>
</div>

<div class="pagination">
  <ul class="page-numbers">
    <li><a class="prev page-numbers" href="page/1"><</a></li>
    <li><a class="page-numbers" href="page/1">1</a></li>
    <li><span aria-current="page" class="page-numbers current">2</span></li>
    <li><a class="page-numbers" href="page/3">3</a></li>
    <li><a class="page-numbers" href="page/4">4</a></li>
    <li><a class="next page-numbers" href="page/3">></a></li>
  </ul>
</div>

.pagination {
  padding: 40px 0;
}

.pagination ul.page-numbers {
  display: flex;
  justify-content: center;
}
.pagination ul.page-numbers li a {
  padding: 10px 20px;
}
.pagination ul.page-numbers li span {
  padding: 10px 20px;
}
.pagination .current {
  background: global.$accent;
  border-radius: global.$radius;
  color: #fff;
}