ページネーション のカスタマイズ
ページネーション 苦手なので、忘備録として残しておこう!
今回はカスタム投稿でのページネーション でしたが、下記のコードでページネーション 取得できました。
今まで、カスタム投稿は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