<?php the_post_thumbnail(); ?>のままだと、img要素がないので、cssでいろいろできない。
これでは不便なので、クラスを付けて表示させるようにしてみる。
タグはこちら
<?php
$thumb = get_the_post_thumbnail($post->ID);$pattern= “/(?<=src=[‘|\”])[^’|\”]*?(?=[‘|\”])/i”;
preg_match($pattern, $thumb, $thePath);
$theSrc = $thePath[0];
if($thumb == ”){echo ‘<img class=”thumb” src=”http://www.*******.com/wp-content/uploads/noimage.jpg” />’;
} else {
echo ‘<img class=”thumb” src=” ‘.$theSrc.’ ” “Align=”left”/>’;
}
?>
赤字の部分はアイキャッチ画像がないときに表示する画像。 uploadsに好きな画像を入れればOK。「noimage.jpg」はその画像の名前に置き換える。URLも環境に合わせて変えて下さい。
アイキャッチ画像がないときになにも画像を表示させないのなら、この赤い部分を消せばなにも表示されなくなる。
後はCSSでimg.thumbを指定してレイアウトを整える。この他にもaタグで囲んだり、ulタグでいろいろできますね。
とりあえずはこれで終了です。