the_posts_pagination()

投稿日:2022-09-12 投稿者:PS カテゴリ:その他 タグ: , ,

ページナビゲーションボタンを出力する。

<?php // 例
the_posts_pagination([
  'prev_text' => '&laquo; 前',
  'next_text' => '次 &raquo;'
]);
<!-- 出力例 -->
<nav class="navigation pagination" aria-label="投稿">
  <h2 class="screen-reader-text">投稿ナビゲーション</h2>
  <div class="nav-links">
    <a class="prev page-numbers" href="https://parallel-soft.com/2022/09/page/3/">« 前</a>
    <a class="page-numbers" href="https://parallel-soft.com/2022/09/">1</a>
    <span class="page-numbers dots">…</span>
    <a class="page-numbers" href="https://parallel-soft.com/2022/09/page/3/">3</a>
    <span aria-current="page" class="page-numbers current">4</span>
    <a class="page-numbers" href="https://parallel-soft.com/2022/09/page/5/">5</a>
    <span class="page-numbers dots">…</span>
    <a class="page-numbers" href="https://parallel-soft.com/2022/09/page/7/">7</a>
    <a class="next page-numbers" href="https://parallel-soft.com/2022/09/page/5/">次 »</a>
  </div>
</nav>

上の出力を css で加工した例