[WordPress]サムネイル画像を記事ごとに設定し、設定しない場合は記事カテゴリーのイメージ画像を自動で表示する方法

WordPressで記事ごとにアイキャッチ画像を設定して、
それをサムネイルとして表示させている人も多いですよね。

でも、
記事を書くごとに画像を設定しなきゃいけないというのも
少し面倒だったり。

この記事では
アイキャッチ画像を記事ごとに設定できるようにしつつ、
設定しない場合はカテゴリーごとの画像を表示させる方法を
ご紹介しますよ。

1.function.phpに下記コードを記入

<?php add_theme_support( 'post-thumbnails' ); ?>

1	<?php add_theme_support( 'post-thumbnails' ); ?>

これを入れることで、記事編集ページで
アイキャッチ画像を設定できるようになります。

こんな感じで。

2.実際に画像が表示されるところに下記コードを記入

<?php
if (has_post_thumbnail()) {
the_post_thumbnail();
}else {
echo "<img src=" . get_bloginfo('template_directory') . "/imgs/thumbnail_" . $cat->category_nicename . ".jpg alt=" . $cat->category_nicename . ">";
}
?>

<?php

if (has_post_thumbnail()) {

the_post_thumbnail();

}else {

echo "<img src=" . get_bloginfo('template_directory') . "/imgs/thumbnail_" . $cat->category_nicename . ".jpg alt=" . $cat->category_nicename . ">";

}

if (has_post_thumbnail())で、アイキャッチ画像が設定されているかどうかを判定しています。
アイキャッチ画像があれば、the_post_thumbnail();が実行され設定したアイキャッチ画像が表示されます。
アイキャッチ画像なければ、elseの中が実行されます。こんなコードが出力されます：

<img alt="wp_cate" src="http://namablo.com/wp-content/themes/●●(テーマフォルダ)/imgs/thumbnail_●●(該当カテゴリーのスラッグ).jpg">

1	<img alt="wp_cate" src="http://namablo.com/wp-content/themes/●●(テーマフォルダ)/imgs/thumbnail_●●(該当カテゴリーのスラッグ).jpg">

画像のファイル名にカテゴリーのスラッグ名を入れておいて、そこをPHPで動的に変えるって仕組み。

1.function.phpに下記コードを記入

2.実際に画像が表示されるところに下記コードを記入

関連