WordPress TipsWordPress(ワードプレス)の作成方法

アイキャッチ画像を表示する

投稿一覧ページ(index.php)やアーカイブページ(archive.php)でアイキャッチ画像を表示するには、the_post_thumbnail() を利用します。

<?php the_post_thumbnail('thumbnail'); ?>

‘thumbnail’ で画像サイズを指定しています。’thumbnail’ 以外に、’medium’ ‘large’ ‘full’ なども指定することができます。それぞれの画像サイズは、ダッシュボードの「設定 > メディア」にて変更が可能です。

アイキャッチ画像がない場合は別の画像を表示したい

アイキャッチ画像がないとレイアウト崩れてしまう、見た目がよくないといった場合は、条件分岐を使ってアイキャッチ画像がない場合に表示する画像を設定しましょう。

<?php if (has_post_thumbnail()) : ?>
 <?php the_post_thumbnail('thumbnail'); ?>
<?php else : ?>
 <img src="/filepath/thumbnail.jpg" alt=""> //表示する画像のパスを記述
<?php endif; ?>

 

PAGETOP