【覚書】ポスト記事の下に同カテゴリ内の関連記事をサムネイルつきで表示させる

個別ポスト記事(single.php)で記事下に同カテゴリ内の関連記事一覧をサムネイルつきで表示させるPHPコードの覚書です。

2013-08-22_14h32_15

<?php
$post_id = get_the_ID();
foreach((get_the_category()) as $cat) {
$cat_id = $cat->cat_ID ;
break ;
}
query_posts(
     array(
          'cat' => $cat_id, 
          'showposts' => 10,
          'post__not_in' => array($post_id)
     )
);
?>
<?php if (have_posts()) : ?>

<h2>「<?php $cat = get_the_category(); $cat = $cat[0]; {echo "$cat->cat_name " ;} ?>」カテゴリの関連記事</h2>
<div class="contents">

<?php while (have_posts()) : the_post(); ?>
<div class="relate">
<span class="relate-i"><a href="<?php the_permalink(); ?>"><?php the_post_thumbnail( array(50,50) ); ?></a></span>
<span class="relate-title"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></span>
</div>
<?php endwhile; ?>

</div>
<?php endif; ?>

<?php wp_reset_query(); ?>

上記のPHPコードをsingle.phpの任意の場所に貼り付けます。
表示している個別ページは、関連リストには表示させないようにしています。
スタイルシートでカスタマイズしてください。

参考サイト:
シングルページに同一カテゴリーの記事一覧を表示するカスタマイズ | bl6.jp

追記:
テーブルタグで個別記事の概要も表示させる+ランダム表示させるPHPコード

2013-08-24_11h11_54

<?php
$post_id = get_the_ID();
foreach((get_the_category()) as $cat) {
$cat_id = $cat->cat_ID ;
break ;
}
query_posts(
     array(
          'cat' => $cat_id, 
          'showposts' => 10, 
          'orderby' => rand,
          'post__not_in' => array($post_id)
     )
);
?>
<?php if (have_posts()) : ?>

<h2>「<?php $cat = get_the_category(); $cat = $cat[0]; {echo "$cat->cat_name " ;} ?>」カテゴリの関連記事</h2>

<table class="relate-ta">
<?php while (have_posts()) : the_post(); ?>
<tr>
<td style="width:30%;"><a href="<?php the_permalink(); ?>"><?php the_post_thumbnail( array(100,100) ); ?></a></td>
<td style="width:70%;">
<p><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a><br />
<?php
echo mb_substr(get_the_excerpt(), 0, 35);
?>...
</p>
</td>
</tr>
<?php endwhile; ?>
</table>
<?php endif; ?>

<?php wp_reset_query(); ?>

関連記事リスト

wordpressのデータベース(mySQL)に独自テーブルを作りデータを取り出す方法まとめ
WordpressのMySQLデータベースに独自テーブルを追加して、そ...

2012-07-06_12h28_56

WordPressにソーシャルボタンを設置するプラグイン「WP Social Bookmarking Light」
WordPressにソーシャルボタンを設置するプラグイン「WP Soc...

2013-01-28_16h13_53

カスタム投稿タイプを使ってカメラ専用のページを作る①
カスタム投稿タイプを使ってカメラ専用のページを作りました。プラグインの...

2013-11-05_10h39_09

WordPressでAPIを使ったサイト構築方法:ハーブティー専門店検索サイト編
WordPressでAPIを使ったサイト構築方法:ハーブティー専門店検...

2012-07-28_20h51_50

WordPressを導入したら始めに入れたい、おすすめプラグイン5個
WordPressを導入したら始めに入れたい、おすすめプラグイン5個に...

2013-01-09_10h02_32

【覚書】WPの固定ページを使ってサイトを作る
WordPressの固定ページを使ってブログではなく、サイトのように使...

2013-01-31_11h24_36

カスタム投稿タイプを使ってカメラ専用のページを作る②
カスタム投稿タイプで専用ページを作る方法②です。今回はテンプレートの作...

IMG_0799

Googleアドセンス収益アップセミナーに参加して改善したこと。
大阪Googleアドセンス収益アップセミナーに参加してWordPres...

2012-07-12_13h27_05

WordPressで精度の高い関連記事を表示させるプラグインYARPPの設定方法
ブログの記事が増えてきたらPVを増やすためにも、より精度の高い関連記事...

2012-08-07_10h28_23

WordPressで簡単作成!スマホ対応サイトの作り方
WordPressで簡単に作成できるスマホ(スマートフォン)対応サイト...

コメントを残す

このページの先頭へ