WordPressのアイキャッチ画像を使う
WordPress 2.9から追加された機能「アイキャッチ画像」。利用するにはいくつかやることがあるので簡単にまとめておきます。
機能としては「１つの記事に対してサムネイル画像を１枚アップできる」というもの。今までであればカスタムフィールドなんかを使っていたと思いますが、専用のフォームが用意されます。しかも指定の大きさに縮小、または切り抜きができて便利。以下、設定方法。
テーマ内にある「function.php」に下記を追加します。
<?php
add_theme_support( 'post-thumbnails' );
set_post_thumbnail_size( 150, 80, true );
?>
この場合、画像を縮小してぴったり横150px、縦80pxに切り抜きます。
ここでは「set_post_thumbnail_size」の３つ目の引数「true」が重要。これがあると指定のサイズぴったりの画像が作られます。もちろん縦横比が歪むことなく、左右または上下が切り取られます。
一方これがない場合はオリジナル画像の縦横比のまま、指定サイズを上限に収まるように縮小するだけとなります。
アイキャッチ画像を正方形にしたい場合、縦横の数字を同じにするだけでなく、３つ目の「true」も必ず追加してください。
元画像の縦横比はそのままで、単に「高さ（縦）」だけ揃えたいという場合は、「set_post_thumbnail_size( 150, 9999 )」などと設定します。
「function.php」にこの２行を追加したら、新規投稿画面の右カラムに「アイキャッチ画像」という項目が表示されていることを確認しましょう。そしてアイキャッチ画像を表示したい場所に下記のように記述します。
<?php
if ( has_post_thumbnail() ) the_post_thumbnail();
else echo '（デフォルト画像の表示）';
?>
「else」の行は任意。アイキャッチ画像がない場合の処理です。事前に行う設定はこんな感じ。
関連して少し気になった点をいくつか列挙しておきます。
- アイキャッチ画像をアップする際、既にアップされた画像（メディアライブラリなど）から選んでも切り抜かれないようです。もし同じ画像がアップされていても再度アイキャッチ用にアップしましょう。逆にアイキャッチ用にアップした画像は、記事の中で他のサイズも使用できます。
- 言うまでもなく「アイキャッチ画像の切り抜き採用」＝「今後もこの画像サイズに縛られる」という覚悟が必要。