WordPress

WordPress ページネーションで1ページ目に「もっと見る」ボタンを表示する方法

WordPress のページネーションで1ページ目には代わりに「もっと見る」ボタンを表示する方法を紹介します。
例えば、一覧ページをカスタマイズしたいときに便利な方法です。

  1. 1ページ目の場合に「もっと見る」ボタンを表示

1ページ目の場合に「もっと見る」ボタンを表示

1ページ目の場合に「もっと見る」ボタンを表示する方法を紹介します。
例えば、アーカイブ1ページ目で2ページ目がある場合に「もっと見る」ボタンを表示したい場合は次のコードを追加します。

<?php // 1ページ目の場合に「もっと見る」ボタンを表示
if(function_exists('wp_pagenavi')){
if(!is_paged() && get_next_posts_link()) { // 1ページ目で2ページ目がある場合に true
echo '<a href="'.("http://" . $_SERVER["HTTP_HOST"] . $_SERVER["REQUEST_URI"]).'/page/2" class="btn-more">もっと見る</a>';
} else { // 2ページ目以降はページネーションを表示
wp_pagenavi();
}
}
?>

サンプルでは、プラグイン WP-PageNavi のページネーション wp_pagenavi(); を記載しています。
2ページ目以降にページネーションを表示する場合は、適宜環境に合わせて記載内容を変更してください。

サンプルでは、2ページ目のURLは …/page/2 としています。ページ表記が違う場合は変更してご利用ください。

まとめ

WordPress のページネーションで1ページ目には代わりに「もっと見る」ボタンを表示する方法を紹介しました。

合わせて読みたい関連記事