WordPress サムネイル画像のURLを取得表示し、任意のclassやサイズに変更する方法

この記事は5年前に書かれました。不適当な記述を含む場合がありますので、参考程度に留めてください。

どうもこんばんは。Toshikuraです。今回のTIPSは【Wordpress サムネイル画像のURLを取得表示し、任意のclassやサイズに変更する方法】です。URLを出力する事で色々な操作が施せるようになるかと思います。

サムネイル画像のURL出力


<?php
$image_id = get_post_thumbnail_id();
$image_url = wp_get_attachment_image_src($image_id, true);
?>
<img src="<?php echo $image_url[0]; ?>" class="thumb">

通常の出力

URLの出力だけですと短いので、通常の出力方法もメモしておきます。詳しくはテンプレートタグ/the post thumbnailをご参照ください。
 
・デフォルト


<?php the_post_thumbnail(); ?>

・横200px 縦100pxのサムネイル

<?php the_post_thumbnail( array(200, 100) ); ?>

・その他

<?php the_post_thumbnail(‘medium’); ?> // 中サイズ
<?php the_post_thumbnail(‘large’); ?> // 大サイズ

以上になります。