ページネーション のカスタマイズ

WordPress
スポンサーリンク



ページネーション のカスタマイズ

ページネーション 苦手なので、忘備録として残しておこう!

今回はカスタム投稿でのページネーション でしたが、下記のコードでページネーション 取得できました。

今まで、カスタム投稿はwpクエリを使っていたのですが、普通のループでもいけるんですね!

 // ループ   ーーーーーーーーーーーーーーーーーー
<ul>
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>

 // 投稿記事など   ーーーーーーーーーーーーーー
<li>
<h2>
 <a href="<?php the_permalink(); ?>">
  <?php the_title(); ?>
 </a>
</h2>
</li>
      <?php endwhile; ?>
      <?php wp_reset_postdata(); ?>
      <?php endif; ?>
</ul>

 // ページネーション  ーーーーーーーーーーーーーー
<div class="pagination">
    <?php the_posts_pagination(
    array(
        'mid_size'      => 1, // 現在ページの左右に表示するページ番号の数
        'prev_next'     => true, // 「前へ」「次へ」のリンクを表示する場合はtrue
        'prev_text'     => __( ''), // 「前へ」リンクのテキスト
        'next_text'     => __( ''), // 「次へ」リンクのテキスト
        'type'          => 'list', // 戻り値の指定 (plain/list)
    )
  ); ?>
  </div>

上記のコードで吐き出されるhtmlは下記になります。(リンク先は記述を一部消しています)

cssでデザインを当てていけば、うまくいけました!

カスタム投稿の表示件数カスタマイズはこちら

See the Pen
Untitled
by 344yuu (@344yuu)
on CodePen.

参考にさせていただいたページ https://miya-system-works.com/blog/detail/155

タイトルとURLをコピーしました