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

個別ポスト記事(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で簡単作成!スマホ対応サイトの作り方
WordPressで簡単に作成できるスマホ(スマートフォン)対応サイト...

投稿する画像を任意のサイズに変更するワザ
WordPressでブログを投稿していると何かと面倒になってくるのが、...

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

WordPressデータベースバックアップに必須のプラグインWP-DBManager
WordPressデータベースバックアッププラグインのWP-DBMan...

WordPressで特定のカテゴリ(タグ)記事だけを表示させる方法
WordPressで特定のカテゴリやタグ内の記事を表示させる方法。アイ...

WordPressの固定ページでカスタムフィールドを使って関連記事を表示させる方法
WordPressの固定ページでカスタムフィールドを使って関連記事を表...

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

WordPressのバックアップ・プラグイン「BackWPup」でサイト全体を保存する
WordPressのバックアップ・プラグイン「BackWPup」でサイ...

taxonomy-term.phpで特定の親(固定ページ)をもつ子ページだけ表示させる方法
taxonomy-term.phpに特定の親ページをもつ子ページを表示...

WordPressにCSV Importerを使ってWeb APIデータをインポートする
Web APIで取得したXMLデータをCSVで保存をし、そのデータをW...

コメントを残す

このページの先頭へ