かじこの備忘録

概要

アイキャッチ画像のimgタグを取得する。

書式

パラメーター

attrの設定

位置

記事IDを指定すれば、ループ外でも使用可能。

使用例

初期設定でアイキャッチ画像を表示(初期値：thumbnail)

<?php echo get_the_post_thumbnail(); ?>

縦横150pxでアイキャッチ画像を表示

<?php echo get_the_post_thumbnail( $page->ID, array(150,150)); ?>

WordPress管理画面「設定」＞「メディアの設定」で、あらかじめ設定しているサイズでアイキャッチ画像を表示

<?php
// ↓サムネイル(初期値：150px x 150px(最大値))
echo get_the_post_thumbnail( $page->ID, 'thumbnail');
// ↓中サイズ(初期値：300px x 300px(最大値))
echo get_the_post_thumbnail( $page->ID, 'medium');
// ↓大サイズ(初期値：640px x 640px(最大値))
echo get_the_post_thumbnail( $page->ID, 'large');
// ↓フルサイズ(オリジナルの画像サイズ)
echo get_the_post_thumbnail( $page->ID, 'full');
?>

アイキャッチ画像のHTMLテキストをclass属性(photo)を指定して取得。

<?php echo get_the_post_thumbnail( $page->ID, 'thumbnail', 'class=photo' ); ?>

もしくは、

<?php echo get_the_post_thumbnail( $page->ID, 'thumbnail', array( 'class'=>'photo' )); ?>

属性値を複数指定するときは後者で。

MEMO

<?php the_post_thumbnail(); ?>はループ内でしか使用できないため、ループ外で使用したいときは<?php echo get_the_post_thumbnail(); ?>を使用する。

関連

• wordpressのテンプレートタグ一覧
• has_post_thumbnail()
• get_post_thumbnail_id()
• the_post_thumbnail()