アイキャッチ画像の表示the_post_thumbnail()で画像サイズ設定する方法

アイキャッチ画像表示をするには、テーマファイルでthe_post_thumbnail()を表示したい所にコードを入力すると表示されますが、そのままですと意図したサイズ(管理画面の「設定」⇒「メディア設定」にある「画像サイズ」)で表示できないこともあります。

そこで、確実に意図したサイズで表示するためにthe_post_thumbnail()に引数を設定します。

画像サイズで設定したサイズを表示する引数
サムネイル:thumbnail、
中サイズ:medium
大サイズ:large

the_post_thumbnail( 'thumbnail' );
the_post_thumbnail( 'medium' );
the_post_thumbnail( 'large' );

設定以外のサイズを表示するには、配列を使うと表示できます。
例えとして、横150、縦150のサイズにして表示するには以下のコードになります。

the_post_thumbnail( array(150,150) );

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です