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

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

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

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

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

get_post_thumbnail_id で投稿のアイキャッチ画像の ID を取得します。
取得したアイキャッチ画像 ID から wp_get_attachment_image_src で画像の 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];
?>