アイキャッチ画像のサイズを登録する

add_image_size()

大きいサイズの画像をCSSで、画面への表示サイズを制御するとページを表示させる速度に影響を及ぼすので、画像を実際に表示するサイズにリサイズして出力するとよい。

add_image_size()の
第1引数 追加するサイズ名
第2引数 追加する画像の横幅を指定
第3引数 追加する画像の高さを指定
第4引数 画像を切り抜くかどうかをtrueかfalseで指定

  1. <?php
  2. // アイキャッチ画像を利用する
  3.   add_theme_support('post-thumbnails');
  4. // 共通部分画像用のサイズ設定
  5. add_image_size( 'common', 600, 400, true );

add_image_size()で登録したサイズの画像はアップロード時に生成されるので、functions.phpにadd_image_size()の設定を記述する以前にアップロードした画像にはサイズが反映されないので、アップロードとアイキャッチ画像を設定し直す必要がある。

ページ上部へ