<?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タグでいろいろできますね。

とりあえずはこれで終了です。

カレンダー

2018年5月
« 11月    
 12345
6789101112
13141516171819
20212223242526
2728293031  

カテゴリー

アーカイブ

PR