WordPressでアイキャッチ画像の活用【3】画像URLの取得

アイキャッチ画像
WordPressカテゴリー
Pocket

WordPressのテンプレートタグを利用することで、アイキャッチ画像(サムネイル)を簡単に表示することができますが、アイキャッチ画像に独自タグを設定したい場合など、アイキャッチ画像のURLだけを取得したい場合があります。
今回はその設定方法をまとめて解説します。

アイキャッチ画像の URL取得

アイキャッチ画像のURLだけを取得するには、get_post_thumbnail_id と wp_get_attachment_image_src を利用します。

get_post_thumbnail_id で、投稿のアイキャッチ画像の ID を取得し、 wp_get_attachment_image_src で、取得した画像 ID から画像 URL を取得する流れになります。

テンプレートタグ/get post thumbnail id

関数リファレンス/wp get attachment image src

<?php
  $eyecatch_id  = get_post_thumbnail_id( );
  $eyecatch_url = wp_get_attachment_image_src( $image_id );
 echo $eyecatch_url[0];
?>