WordPressで複数のサイズのアイキャッチ(サムネイル)を使用する
WordPressを使っていると、最新記事だけ大きくアイキャッチを表示したい場合があります。
アイキャッチの有効化
おそらく有効化している方がほとんどですが一応...
add_theme_support('post-thumbnails');
これをfunctions.phpに追加するとアイキャッチを使えるようになります。
デフォルトのサイズを指定する
普通の記事に使用するアイキャッチのサイズを設定します。
functions.phpに以下を追記します。
set_post_thumbnail_size(500, 400, array('left', 'top'));
ここで第1引数は横のサイズ、第2引数は縦のサイズ、第3引数は元の画像の何処からこのサイズに切り抜くかを指定します。
この場合だと左上から切り抜きます。
欲しい画像サイズを追加する
次に更に使用したいアイキャッチのサイズを決定し、functions.phpに以下のように追記します。
add_image_size('large-size', 700, 500, array('left', 'top'));
第1引数はこのサイズのアイキャッチの名前です。アイキャッチを表示するときなどに使用します。
設置
デフォルトサイズのアイキャッチを表示する場合は以下のように引数を省略して呼び出します。
the_post_thumbnail();
一方新しいサイズを呼び出すときは
the_post_thumbnail('small-size');
と記述します。
n番目までの記事まで大きなアイキャッチを表示する場合
例えば2番目まで大きなアイキャッチを表示するとします。
その場合はループ回数を数える変数を用意してあげれば何番目の記事まで表示されたかわかるのでそれに応じて処理を変えればOKです。
基礎からのWordPress-【電子書籍】 |