【Amazon】人気の商品が日替わりで登場!
毎日お得なタイムセール!商品をみる

【WordPress/PHP】前の記事・次の記事を表示する方法

本記事では、WordPressで前の記事・次の記事を表示する方法について解説しています。

WordPressの学習におすすめ書籍
1冊ですべて身につくWordPress入門講座
総合評価
( 5 )
メリット
  • サイト運営に必須のことが学べる
  • 基本的な使い方~オリジナルテーマ開発まで学べる
先輩くん

Amazon Kindle Unlimitedに登録すると、月額980円で読み放題だからオススメだよ!

後輩ちゃん

初回30日間は無料だから、まだ登録したことのない人はぜひ試してみてね!

全プログラマー必見!
変数名/関数名にもう悩まない!
リーダブルコード
総合評価
( 5 )
メリット
  • 美しいコードが書けるが自然と書けるようになる
  • 他の開発者が理解しやすいコードになる
著:Dustin Boswell, 著:Trevor Foucher, 解説:須藤 功平, 翻訳:角 征典
¥2,640 (2023/07/23 02:48時点 | Amazon調べ)
目次

previous_post_link関数とnext_post_link関数

WordPressで前の記事を表示するにはprevious_post_link関数を使用し、次の記事を表示するにはnext_post_link関数を使用します。基本的な使い方は以下のとおりです。

<?php previous_post_link( $format, $link, $in_same_term, $excluded_terms, $taxonomy ); ?>
<?php next_post_link( $format, $link, $in_same_term, $excluded_terms, $taxonomy ); ?>
引数
  • $format(省略可):リンクの前後に追加する文字を設定します。「%link」と文字列内に表記すると「$link」(次のパラメータ)に置き換えられます。例えば「次の記事 %link」と指定した場合、「次の記事<a href=””>タイトル</a>」とHTMLに出力されます。初期値は「’&laquo; %link’」です。
  • $link(省略可):表示するリンクのテキストを指定します。初期値は一つ前の投稿タイトルを表す「%title」です。
  • $in_same_term(省略可):現在の投稿と同じタクソノミー・タームの投稿に限定するか真偽値で指定します。trueを指定した場合は、同じタクソノミー・タームの投稿に限定します。初期値は限定しないを表す「false」です。
  • $excluded_terms(省略可):表示させたくない投稿のタームIDを指定します。複数のタームを指定したい場合は、配列で指定します。初期値は「空」です。
  • $taxonomy(省略可):タクソノミーを指定します。この引数は第三引数($in_same_term)にtrueが指定されている場合にのみ有効です。初期値は「’category’」です。

previous_post_link関数とnext_post_link関数は、ループ内で使用する決まりがあるため実際に使用する場合は以下のようなコードになります。

<?php if (have_posts()) : ?>
    <?php while (have_posts()) : the_post(); ?>
          <?php previous_post_link(); ?>
          <?php next_post_link(); ?>
    <?php endwhile; ?>
<?php endif; ?>

初期設定のままだとaタグのみが出力されて、デザインを当てづらいと思うので第一引数に特定のクラスを持ったdivタグを入れるのもおすすめです。

<?php previous_post_link('<div class="link previous">%link</div>'); ?>
<?php next_post_link('<div class="link next">%link</div>'); ?>

ブログランキング・にほんブログ村へ PVアクセスランキング にほんブログ村 FC2 Blog Ranking

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次