WordPressのアイキャッチ画像のURLだけを取得したい!
以前は wp_get_attachment_image_src() など複数の関数を利用して取得していた
アイキャッチのURLですが、1つの関数のみで取得できるようになりました。
幅や高さが欲しい方はこちら。
>> WordPressのアイキャッチ画像URL、幅、高さを取得する
the_post_thumbnail_url() でアイキャッチURLを出力する
the_post_thumbnail_url($size) | アイキャッチURLを出力する。 $size (初期値: thumbnail) 取得したいアイキャッチの画像サイズ(thumbnail, medium, large, full もしくは array(32,32) のような幅と高さの配列) |
---|---|
get_the_post_thumbnail_url($size) | アイキャッチURLを取得する。 〃 |
<img src="<?php the_post_thumbnail_url('thumbnail'); ?>" /> <?php $thumb_url = get_the_post_thumbnail_url('thumbnail'); $medium_url = get_the_post_thumbnail_url('medium'); $large_url = get_the_post_thumbnail_url('large'); $full_url = get_the_post_thumbnail_url('full'); ?>
アイキャッチ画像の画像サイズを指定する
第2引数の配列に指定することができます。
<img src="<?php get_the_post_thumbnail_url(array(200, 200)); ?>" />
アイキャッチにaltやId,Classを追加する
第2引数の配列に指定することができます。
<?php the_post_thumbnail("thumbnail", array("alt" => get_the_title(), "class" => "sample", "id" => "content_thumb")); ?>
直接スタイルを指定することも可能です。
array("style" => "max-width:450px;max-height:450px;")
関連記事