WordPress自作テーマ-アイキャッチ画像の登録と出力

記事内に商品プロモーションを含む場合があります

目次

テーマに認識させる

テーマ内でアイキャッチ画像を使用するために、まずはアイキャッチ画像を有効にする記述が必要です。

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;?>
目次