WPでアイキャッチ画像を表示させるタグ

この記事は2012年9月に公開したものです。ソフトウェアやサービスの仕様が変わり、現在の情報と異なる場合があります。

こんにちは。
SOHOデザイナーを目指しているAquaForest-アクアフォレスト-です。

WordPressの新機能アイキャッチは非常に便利でよく使っております。

画像を一つアップすれば複数のサイズにリサイズして表示させることができます。

投稿画面等よりアイキャッチ画像を設定したら、
あとは下記のコードを表示させたい場所に貼付けるだけです。

・メディアのサムネイルサイズで表示

<?php the_post_thumbnail('thumbnail'); ?>

・メディアの中サイズで表示

<?php the_post_thumbnail('medium'); ?>

・メディアの大サイズで表示

<?php the_post_thumbnail('large'); ?>

・フルサイズで表示

<?php the_post_thumbnail('full'); ?>

・the_post_thumbnail関数を使用して表示

<?php the_post_thumbnail('array(100,100) ); ?>

・W300px×H180pxに縮小して切り抜く

<?php
add_theme_support( 'post-thumbnails' );
set_post_thumbnail_size( 300, 180, true );
?>

・W300px×H300pxにリサイズする

<?php
add_theme_support( 'post-thumbnails' );
set_post_thumbnail_size( 300, 300 );
?>