アイキャッチ画像がないときにレイアウトを維持、また画像表示方法

レイアウト上、全ての記事でアイキャッチ画像を表示する使い方を想定しているときに、アイキャッチ画像を設定していない場合のテンプレートのコードについて。

全ての記事でアイキャッチ画像を設定出来ればいいのですが、忘れたりできなかったりと色々あると思います。そこで全て設定する方法もありますが、個人的な検証もかねているので後で外すのが面倒なので・・・代替画像を使用した方法について。

コードに関して

アイキャッチ画像を表示する所を下のように書いてimgのsrcに画像ファイルのURLを入力して代替画像を表示する方法があります。※Twenty Twelveでimgのclass設定

if ( has_post_thumbnail() ) :
  the_post_thumbnail(); 
else : 
  echo '<img src="" width="100 height="100 class="attachment-post-thumbnail wp-post-image" />';
endif;

このコードをfunctions.phpに書いてユーザー関数を定義して、アイキャッチ画像を表示する(the_post_thumbnail())の所に関数の呼び出して表示する方法もあります。

function thumbnail_sub() {
  if ( has_post_thumbnail() ) :
    the_post_thumbnail(); 
  else : 
    echo '<img src="" width="100" height="100" class="attachment-post-thumbnail wp-post-image" />';
endif;
}

代替画像を用意するのが面倒なときは、imgタグを削除して、どこかの記事のデフォルト画像になりそうなアイキャッチ画像を使っておく手もあります。引数は記事のIDです。

get_the_post_thumbnail(183);

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です