WordPress サムネイル画像のURLを取得表示し、任意のclassやサイズに変更する方法
この記事は年前に書かれました。不適当な記述を含む場合がありますので、参考程度に留めてください。
どうもこんばんは。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’); ?> // 大サイズ
以上になります。