アイキャッチ画像

簡単フォトログ作成

ワードプレス2.9以降では、投稿記事に画像を紐付けし、テンプレートで利用しやすくなっています。この機能は、2.9で投稿サムネイルと命名されました(関数名にその名残りがあります)が、3.0以降ではアイキャッチ画像と呼びます。

画像のアップロードが手軽にでき、さらにテンプレートで画像URLを取得するのも手軽になっているので、フォトログ等を運営するには非常に便利でしょう。

画像のアップロード

ワードプレスの記事作成画面には、アイキャッチ画像という枠が用意されています。ここから画像をアップロードすると、アイキャッチ画像として登録できます。

従来は投稿本文の上に小さいボタンが表示されていただけ(3.0でも残っています)でしたが、アイキャッチ画像機能の採用により、画像アップロードの方法が非常に明解になりました。

アイキャッチ画像は、システム内部では、カスタムフィールドに_thumbnail_idという隠しデータ(アンダーバーで始まるカスタムフィールド)で保存されています。

アイキャッチ画像対応テーマ

twentytenテーマ(wordpress3.0以降のデフォルトテーマ)は、標準対応しています。利用しているテーマが対応していない場合は、functions.php に下記の一行を追加してください。

add_theme_support( 'post-thumbnails' );

テンプレートでの使用

テンプレートのループ内で使用する場合は、the_post_thumbnail() でその投稿のアイキャッチ画像を取得、HTML出力できます。ループの外でアイキャッチ画像を取得する場合は、get_the_post_thumbnail(投稿ID) を利用します。 get_the_post_thumbnail(投稿ID) は echo しないので、必要なら echo を追加してください。

投稿にアイキャッチ画像が紐付けされているかどうかは、has_post_thumbnail() で調べることができます。

if ( has_post_thumbnail() ) {
    the_post_thumbnail();
} else {
    echo "この記事には、画像がありません";
}

管理画面カスタマイズ

プラグイン Featured Image on Edit.php を利用すると、投稿一覧にアイキャッチ画像を表示することができます。