目次
テーマに認識させる
テーマ内でアイキャッチ画像を使用するために、まずはアイキャッチ画像を有効にする記述が必要です。
functions.phpに次のように設定します。
add_theme_support('post-thumbnails');
このように記述することで、投稿ページや固定ページにアイキャッチ画像を登録することができるようになります。
これで、管理画面からアイキャッチ画像の設定ができるようになりました。
サイズの指定
ワードプレスにアップロードした画像は、管理画面のメディアで設定した数値にリサイズされます。
独自の画像サイズを指定したい場合は、以下のタグで任意のサイズを指定することができます。
引数で「名称」「幅(px)」「高さ(px)」「切り抜きの可否」を指定することができます。
add_image_size()
画像の出力
出力したい部分にthe_post_thumbnail()を記述しアイキャッチ画像を出力します。
the_post_thumbnail()は、投稿ページ、固定ページのアイキャッチ画像を出力するテンプレートタグで、ループの中で使用することができます。
条件分岐タグとif文で処理を記述します。
もしアイキャッチ画像が登録されていたら、アイキャッチ画像を表示する、という記述をします。
<?php
if(has_post_thumbnail()):
the_post_thumbnail();
endif;?>