WordPressでアイキャッチ画像の活用【2】表示のカスタマイズ

アイキャッチ画像
WordPressカテゴリー
Pocket

前回の記事で、アイキャッチ画像が表示されるようになりました。 次は表示されるアイキャッチ画像を

テンプレートタグ/the post thumbnail を参照しながらカスタマイズしてみます。

アイキャッチ画像の大きさ設定

WordPress管理画面の設定>メディアで、画像サイズを設定しています。 メディアをアップロードすると設定したサイズの画像が用意され呼び出して表示できるようになっています。 それぞれの呼び出し方は下記のとおりです。

//サムネイル (デフォルト 150px x 150px :最大値)
the_post_thumbnail('thumbnail');
//中サイズ(デフォルト 300px x 300px :最大値)
the_post_thumbnail('medium');
//大サイズ(デフォルト  640px x 640px :最大値)
the_post_thumbnail('large');
// フルサイズ(アップロードした画像の元サイズ)
the_post_thumbnail('full'); 

また、画像サイズを自由に指定することも可能です。

the_post_thumbnail( array(A,B) ); 

こうすることで、A × B(px) のサイズで画像が表示されます。