【WordPressテンプレートタグ】get_the_post_thumbnail():アイキャッチ画像を取得

公開日: : 最終更新日:2016/03/24 テンプレートタグ

概要

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

書式

<?php get_the_post_thumbnail( 'post_id', 'size', 'attr' ); ?>

パラメーター

post_id
記事ID(初期値:null)
size
サイズ(初期値:post-thumbnail)
attr
imgタグに挿入するalt、titleなどの属性値の指定(初期値:なし)

attrの設定

array(
'src'   => '任意src', // アイキャッチ画像の URL
'class' => '任意class' // クラス名
'alt'   => '任意alt' // アイキャッチ画像のalt属性
'title' => '任意title' // アイキャッチ画像のtitle属性
);

位置

記事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

【wordpress】テンプレートタグ一覧

一般タグ 「wp-includes/general-template.php」内に記述 get_h...

記事を読む

wordpress

【WordPressテンプレートタグ】comments_link():コメント部分へのリンクを表示

概要 記事のコメント部分へのURLを表示する。 書式 <?php comments_link(...

記事を読む

wordpress

【WordPressテンプレートタグ】the_post_thumbnail():アイキャッチ画像を表示

概要 記事に設定されたアイキャッチ画像を指定された大きさで表示する。 引数に、管理画面もしくはadd...

記事を読む

wordpress

【WordPressテンプレートタグ】the_author_posts_link():作成者別アーカイブへのリンクを表示

概要 投稿の作成者別アーカイブへのリンクを表示する。 「ユーザー」>「あなたのプロフィール」>「ブロ...

記事を読む

wordpress

【WordPressテンプレートタグ】the_tags():投稿の属するタグ名とリンクを表示

概要 投稿につけられたタグ名とタグアーカイブへのリンクを表示する。 書式 <?php the_...

記事を読む

wordpress

【WordPressテンプレートタグ】wp_loginout():ログイン/アウトリンクを表示または取得

概要 ログイン/アウトリンクを表示、または文字列として取得する。 書式 <?php wp_lo...

記事を読む

wordpress

【WordPressテンプレートタグ】the_author_link():作成者のウェブサイトへのリンクを表示

概要 作成者のウェブサイトへのリンクを表示する。ウェブサイトの設定がない場合は作成者名のみ表示する。...

記事を読む

wordpress

【WordPressテンプレートタグ】single_term_title():カスタム分類アーカイブのタイトルを表示または取得

概要 現在のページのカスタム分類アーカイブのタイトルを表示または取得する。 書式 <?php ...

記事を読む

wordpress

【WordPressテンプレートタグ】comments_number():記事へのコメント数を表示

概要 サイト閲覧者からコメントがあった場合、承認されたコメント数を表示する。 書式 <?php...

記事を読む

wordpress

【WordPressテンプレートタグ】bloginfo():サイトに関する基本情報を表示

概要 サイトに関するさまざまな基本情報を表示する サイトタイトルを表示する bloginfo( 'n...

記事を読む

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

no image
エコノミークラス症候群

エコノミークラス症候群とは?  エコノミークラス症候群は、旅行に関連

no image
巻き爪・陥入爪

巻き爪・陥入爪ってなに?  巻き爪とは、主に親指の爪の両端が「巻く」

no image
結婚お祝い金

披露宴に出る場合 祝儀袋の渡し方  受付でお祝いの言葉を述べ、祝儀

no image
結婚祝い

お祝い品選びと費用 お祝い品の選び方  新居を構える二人には、生活

no image
ダニ除去マニュアル

ダニ除去マニュアルについて  基本的なダニアレルゲン対策としては、

→もっと見る

PAGE TOP ↑