うさぎのイラスト

ネットアンサー55備忘録

web技術を書いていきます

カテゴリー画像の表示方法

-2015年07月11日-
カテゴリーページでサムネイル設定がしてある投稿にはその画像を表示させて、持っていない場合はデフォルトの画像を表示させる設定です。
まず、wpの使っているthemeディレクトリの中にimages/category/default.jpgを作ります。
functions.phpに下記を書き込みます。 ※事前にサムネイル設定をしていなければこれをfunctions.phpに記述する
//アイキャッチ画像を利用できるようにする
 add_theme_support('post-thumbnails'); 
 //アイキャッチ画像サイズを設定
 set_post_thumbnail_size(90,90,true);
 //サイドバー用画像サイズを設定
 add_image_size('large_thumbnail',115,155,true);
 //アーカイブ用画像サイズを設定
function the_category_image() {
  global $post;
  $image = ""; 

  if (has_post_thumbnail()) {
    the_post_thumbnail('large_thumbnail',array('alt' =>the_title_attribute('echo=0'),'title' =>the_title_attribute('echo=0'))) ;
  }else{
    $src = get_template_directory_uri() . '/images/category/default.jpg';
	$image = '<img src="' . $src . '" />';
  }
  echo $image;	
}
サムネイル表示したい箇所に下記を書き足します。
<?php the_category_image();?>
このページはサムネイル設定はしていないので、default.jpgが表示されます、 一方でこの投稿の前の投稿記事はサムネイル設定してあるのでそちらの画像が使われます。