WordPress、アイキャッチ画像を複数設定、取得する方法。
2018.04.28
カテゴリ：WEB制作
タグ：
サイトの軽量化をする際に画像のサイズの調整は必須になります。一覧ページなど、
ループで使用するサムネイル画像と人気の記事などで表示する画像は共通サイズにせずにそれぞれに合わせてサイズを変更すればサイトを大幅に軽量することができます。
ループで使用するサムネイル画像と人気の記事などで表示する画像は共通サイズにせずにそれぞれに合わせてサイズを変更すればサイトを大幅に軽量することができます。
サムネイルサイズの登録
functins.phpに下記を記載します。
|
1 2 3 |
add_theme_support('post-thumbnails'); add_image_size('thumb_main',400,300,true); add_image_size('thumb_side',200,150,true); |
ループで取得、出力する方法。
下記でサムネイル画像の取得・出力が可能です。
|
1 |
<?php the_post_thumbnail('thumb_side'); ?> |
the_post_thumbnail(‘任意のサムネイル名’)で指定サイズのサムネイル画像が取得できます。
