PAGE TOP

WordPressでサムネイル画像のサイズを自在に操る!

サムネイル画像サイズを自在に操る

ページのデザインをしている時、Recent Entryやオススメ記事、関連記事など「サムネイル画像をここに出して・・・」と記事のアイキャッチ画像をphpで呼び出して使いたいシーンは多いです。

WordPressのメディア設定でサムネイルサイズは1つ設定できますが、いくつかの場所に使いたい場合にデザイン上サムネイルのサイズを変更したいときがあります。
そんな時はfunctions.phpに使用する画像サイズを名前をつけて記述してやることで、自由なサイズのサムネイルをいくつでも使い分けることができます。

サムネイルを使用できるようにする

functions.phpに記述

//サムネイル
add_theme_support('post-thumbnails');

この一文を書けば、アイキャッチ画像(サムネイル)の登録が可能になります。

標準のアイキャッチ画像(サムネイル)サイズを指定

set_post_thumbnail_size(120,120,true);

この一文はアイキャッチ画像を登録した際の画像サイズを指定しています。
※管理画面のメディア設定からもできますが、こちらが優先されます。
第3引数の「true」は縮小時に切り抜きを行う、という指定で切り抜きを行わない場合は「false」と指定します。

複数サイズのサムネイル呼び出し関数を設定

add_image_size( 'small-thumbnail', 80, 80, true );
add_image_size( 'medium-thumbnail', 120, 120, true );
add_image_size( 'large-thumbnail', 200, 200, true );

第1引数に任意の名前を付けて、縦横のサイズを指定し、第4引数で縮小時の切り抜きを指定。
あとはテンプレートファイルの、そのサイズのサムネイルを表示したい箇所に、

<?php the_post_thumbnail('サイズ名'); ?>

と指定してやればOK。


同じカテゴリのおすすめ記事

  • カテゴリー

  • 最近の投稿

  •