2015/01/11

【WordPress】サムネイル(アイキャッチ画像)の有無で条件分岐

【WordPress】サムネイル(アイキャッチ画像)の有無で条件分岐

WordPressの投稿記事のサムネイル情報取得、出力方法についてまとめました。
パターン②の方がidやclassが追加しやすいのでよく使います!


パターン①

<div class="thumb">
<?php if(has_post_thumbnail()){
	/* サムネイル(アイキャッチ画像)がある時 */
	the_post_thumbnail();
}else{
	/* 設定されていない時 */
	echo "<img src=\"/img/common/img_noimage.gif\" width=\"240\" height=\"160\" alt=\"No Image\" />";
} ?>
</div>


パターン②

記事のサムネイルURLを取得してimgタグはそのままでsrcとaltのみ変更してやる方法

<?php if(has_post_thumbnail()){
	/* サムネイル(アイキャッチ画像)がある時 */
	$thumb_id = get_post_thumbnail_id();
	$thumb_url = wp_get_attachment_image_src($thumb_id, true);
	$thumb_title = get_the_title;
}else{
	/* 設定されていない時 */
	$thumb_url = "/img/common/img_noimage.gif";
	$thumb_title = "No Image";
}

echo "<img src=\"".$thumb_url."\" width=\"240\" height=\"160\" alt=\"".$thumb_title."\" />";
?>


ちなみにアイキャッチ画像を指定できるようにするにはfunctions.phpに下記に記述が必要です!

/* アイキャッチ画像 */
add_theme_support('post-thumbnails');


【参考サイト】
WordPress サムネイル画像のURLを取得表示し、任意のclassやサイズに変更する方法

Related Posts関連記事