HOME > WordPress > アイキャッチ画像ーサイズを指定したり、投稿の種類ごとに別々にしたり

アイキャッチ画像ーサイズを指定したり、投稿の種類ごとに別々にしたり

アイキャッチ画像のサイズを指定する

(1)アイキャッチ画像を有効にすること、(2)set_post_thumbnail_size()関数を使ってアイキャッチ画像のサイズを指定すること。functions.phpに以下を記述する。

function mythumenails_setup_theme() {
  add_theme_support( 'post-thumbnails' );
  set_post_thumbnail_size( 200, 200, true );
}
add_action( 'after_setup_theme', 'mythumenails_setup_theme' );
参考サイト

アイキャッチ画像を有効にしたい投稿タイプを第二引数で指定することができます。カスタム投稿タイプも指定できます。

この投稿タイプの指定と先ほどのアイキャッチ画像のサイズ指定を合わせて、特定の投稿タイプにのみ有効なアイキャッチ画像サイズを設定できる。

add_theme_support( 'post-thumbnails' );
add_theme_support( 'post-thumbnails', array( 'post' ) );          // 投稿のみ
add_theme_support( 'post-thumbnails', array( 'page' ) );          // 固定ページのみ
add_theme_support( 'post-thumbnails', array( 'post', 'movie' ) ); // 投稿と動画
参考サイト

アイキャッチ画像を表示する

テーマファイルに書いてアイキャッチ画像を表示するには<?php the_post_thumbnail(); ?>でよいけれど、さらにサイズを指定できる。

このサイズは実際のアイキャッチ画像のサイズではなく、imgタグのwidthとheightに挿入されるサイズである。なので、アイキャッチ画像のサイズを400px四方にしつつ、実際の吐き出し時には200px四方と指定することも可能。

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

the_post_thumbnail( array(100,100) );  // 他のサイズ
参考サイト