ブログやメディアの場合、記事下に関連記事を表示して回遊率の向上を行うことは必須項目となっています。
WordPressでは、関連記事を表示するためのプラグインもたくさん公開されていますが、あまりプラグインを増やしたくないという方も少なくないのではないでしょうか。
この記事では、プラグインを使用せずにWordPressの投稿ページに関連記事を表示する方法をご紹介しています。
関連記事を表示するコード
下記のコードをsingle.phpの任意の場所に貼り付けることで、関連記事を表示することができます。
$postnumで表示する件数を指定しているので、変更したい場合は数字を変更してください。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 | <?php //表示する関連記事の件数を指定 $postnum = 5; //現在のページのカテゴリを取得 $categories = get_the_category($post->ID); $category_ids = array(); foreach($categories as $category) : array_push($category_ids, $category->cat_ID); endforeach; $args = array( 'post_type' => 'post', //投稿タイプを指定 'post_per_page' => $postnum, //取得する記事数を指定 'category__in' => $category_ids, //現在のカテゴリの投稿にフィルタ 'post__not_in' => array($post->ID), //現在のページを除外 'orderby' => 'rand' //ランダムに投稿を取得 ); $the_query = new WP_Query($args); if ($the_query->have_posts()) : while ($the_query->have_posts()) : $the_query->the_post(); ?> このループ内に表示する項目を記述する <?php endwhile; endif; wp_reset_postdata(); ?> |
上記のコードのwhile文の中に、表示内容を記述することで関連記事を表示することができます。
サムネイル画像とタイトルだけを表示したい場合は、下記のようなコードになります。
1 2 3 4 5 6 7 8 | <a href="<?php the_permalink(); ?>"> <article class="related-post"> <?php the_post_thumbnail('thumbnail'); ?> <p class="post-date"><?php the_time('Y年n月j日'); ?></p> <p class="post-title"><?php the_title(); ?></p> </div> </article> </a> |
コード全体をaタグで囲うことによって、関連記事をクリックした時にその投稿が開かれるようになります。
表示できる項目
関連記事の表示内容は、それぞれの関数を使うことによって様々な項目を表示することができます。下記の関数は使用する機会も多いので、ぜひ覚えておきましょう。
投稿のタイトル
投稿のタイトルを表示する場合は、下記のように書きます。
1 | <p><?php the_title(); ?></p> |
サムネイル画像
サムネイル画像を表示する場合は、下記のように書きます。
1 | <?php the_post_thumbnail('thumbnail'); ?> |
投稿日時
投稿日時を表示する場合は、下記のように書きます。
1 | <p><?php the_time('Y年n月j日'); ?></p> |
投稿のURL
関連記事から投稿にリンクを貼る場合は、下記のようにaタグで囲います。
1 2 3 | <a href="<?php the_permalink(); ?>"> ... </a> |
投稿のタグ
投稿のタグを表示する場合は、下記のように書きます。
1 | <p><?php the_tags(); ?></p> |
上記のように記述すると、「Tags: タグ1, タグ2」のように表示されます。
本文の抜粋
本文の抜粋を表示する場合は、下記のように書きます。
1 | <p><?php the_excerpt(); ?></p> |
プラグインを使って関連記事を表示する方法
テーマファイルの編集は、少しでも間違えるとページが表示されなくなるなど、予期せぬ不具合の原因となってしまいます。
初心者の方は、素直にプラグインを使って関連記事を表示した方がいいでしょう。
JetPackというプラグインで表示される関連記事は、関連記事の精度が高いため、クリック率の向上を期待することもできます。
JetPackを使って関連記事を表示する方法については、下記の記事を参考にしてください。
【WordPress】JetPackを使って関連記事を表示する方法
