ブログなどの記事の下によく「関連する記事」ってありますよね。
ああいったものがあるとついつい読んじゃって、あっという間に時間が経ってた･･･なんてよくある話。
Tips系のみならず、同じカテゴリー内の記事のリストが記事の下にでもあれば
読んでくれるページも増えるはず！
こういったこともWordpressで実現できます。
そんなわけで今回は、WordPressで記事中に同じカテゴリー内の記事を表示させる方法をご紹介します。
今回作ろうと思うもののサンプル
今回は↑こんなイメージのものを作りたいと思います。
使うコード
HTML
single.phpなど、記事を表示させている部分の下に以下のコードを入れます。
[xml]
<ul>
<?php
foreach((get_the_category()) as $cat) {
$cat_id = $cat->cat_ID ;
break ;
}
$query = ‘cat=’ . $cat_id. ‘&showposts=3&offset=1’;
query_posts($query) ;
?>
<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
<li><?php the_time(‘Y/m/d’) ?>：<a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></li>
<?php endwhile; endif; ?>
<?php wp_reset_query() ?>
</ul>
[/xml]
<ul>
<?php
foreach((get_the_category()) as $cat) {
$cat_id = $cat->cat_ID ;
break ;
}
$query = ‘cat=’ . $cat_id. ‘&showposts=3&offset=1’;
query_posts($query) ;
?>
<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
<li><?php the_time(‘Y/m/d’) ?>：<a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></li>
<?php endwhile; endif; ?>
<?php wp_reset_query() ?>
</ul>
[/xml]
表示させる記事数を変更させる場合はshowposts=3の数字を変更します。
offset=1で、最新記事1件をのぞいて表示します。
<li>＊＊＊＊＊</li>をループで囲い、query_postsで上書きした情報をwp_reset_queryで元に戻します。
ですので<?php wp_reset_query() ?>がないとエラーを起こします。
忘れないように注意してくださいね←やらかした人
とっても便利ですので、ぜひお試しください！
1980年6月生まれ。
秋田県在住。
地元のIT関連会社や市の機関でweb制作に携わり、2011年1月にフリーランスに。現在は子育てしながら日々業務にあたっています。