個別投稿ページで前後の投稿へのナビゲーションを表示する|WordPressテーマ作成
個別投稿ページで次の投稿(新しい)とひとつ前の投稿(古い)へのリンクを表示するには、next_post_link()
とprevious_post_link()
を使用します。
記述例
次の投稿や、前の投稿がない場合、リンクは出力されません。但し、上記の<div class="post-navi-prev">
などは表示されるため、注意が必要です。表示したくない場合は下記のようにしてください。
記述例に対する HTML の出力例
スタイルシートのサンプル
出力イメージ

ボタン部分もリンクとする方法
上記出力イメージでは文字列の部分しかクリックできません。ボタン全体をクリック対象としたい場合は、以下のように記述します。