【WordPress】「前の記事」と「次の記事」のボタンを作成する方法

こんにちは！CODE CLUB965のKです！

今回は、WordPressの記事などでよく目にする「前の記事」と「次の記事」のボタンを作成する方法を紹介しょうと思います。

ちなみに、現在の記事の一番下に設置しているようなものです。

このようなボタンを付けることでユーザーが他の記事を見てくれたり、SEO的にも効果があるのでまだ設置していない場合はぜひ設置してみて下さい。

一番簡単な方法で実装する

とりあえず、手っ取り早くボタンを設置したい場合は、以下のコードを設置したいファイルに記述します。

<?php previous_post_link(); ?>
<?php next_post_link(); ?>

もしくは、以下の記述でも同じようにボタンを設置できます。

<?php previous_post_link('&laquo; %link', '%title'); ?>
<?php next_post_link('%link &raquo;', '%title'); ?>

これだけです。

ただ、「前の記事へ」や「次の記事へ」などとリンクのテキストを任意のテキストに変更したい場合があると思います。

その場合は、上記の第2引数を変更すればOKです。

<?php previous_post_link('&amp;laquo; %link', '前の記事へ'); ?>
<?php next_post_link('%link &amp;raquo;', '次の記事へ'); ?>

前後に記事がない場合を考慮する

上記の場合だと、前後に記事がない場合が考慮されていません。

なので、記事がない場合はボタンを非表示にするよう記述する必要があります。

if文で記述しましょう。

<?php if (get_previous_post()):?>
<?php previous_post_link('&laquo; %link', '前の記事へ'); ?>
<?php endif; ?>

<?php if (get_next_post()):?>
<?php next_post_link('%link &raquo;', '次の記事へ'); ?>
<?php endif; ?>

これで、前後に記事がない場合、ボタンは表示されません。

同じカテゴリーでボタンを設置する場合

「前の記事へ」と「次の記事へ」を同じカテゴリーの記事だけで行いたい場合は、以下のように記述します。

<?php previous_post_link('%link', '前の記事へ', true); ?>
<?php next_post_link('%link', '次の記事へ', true); ?>

このように第3引数に「true」を追加することで、記事と同じカテゴリー内で「前の記事へ」、「次の記事へ」のリンクを作成することができます。

最後に

今回はWordPressで「前の記事へ」「次の記事へ」のボタンを追加する方法について書きました。

SEO的にも効果があるのでぜひ記事などに設置しましょう！

それでは、また！

Follow me!