WordPress Tips

WordPress アイキャッチのURLを取得する

2018-07-12

本記事にはプロモーションが含まれています。

WordPress アイキャッチのURLを取得する

WordPressのアイキャッチを表示したい場合:

<?php
the_post_thumbnail( 'thumbnail' );  //サムネイルサイズのアイキャッチ
the_post_thumbnail( array( 300, 300 ) ) ; //横300px 縦300pxのアイキャッチ
?>

出力されるタグは以下のようになります(アイキャッチ)

<img width="690" height="320" src="https://tokushiyo.net/wp-content/uploads/eyecatch-sample.jpg" class="attachment-post-thumbnail wp-post-image" alt="" />

この場合imgタグごと出力されます。でもアイキャッチ画像のURLだけ取得したい時にはwp_get_attachment_image_srcを使います。

<?php if(has_post_thumbnail()):
	$thumb_id = get_post_thumbnail_id ();
	$thumb_url = wp_get_attachment_image_src ($thumb_id, 'thumbnail');
                 
?>
<img src="<?php echo $thumb_url[0]; ?>">

1行目:has_post_thumbnail() はアイキャッチが投稿に登録されているかどうかを判断
2行目:アイキャッチ画像のidを取得
3行目:アイキャッチ画像の情報を配列で取得するのがwp_get_attachment_image_srcです。第1引数にアイキャッチ画像のid、第2引数に取得したい画像サイズを入れます。
wp_get_attachment_image_srcで取得できる情報
[0] => url
[1] => width
[2] => height
[3] => 真偽値: リサイズされいている場合は true、元のサイズの場合は false

詳しくは
関数リファレンス/wp get attachment image src
テンプレートタグ/the post thumbnail

今月キャンペーン特典があるサービス

  • エックスサーバー
    利用料最大50%キャッシュバッグ月額495円&ドメイン永久無料 - 2024年4月3日(水)12:00まで
  • ConoHa WING
    WINGパック36ヶ月で月額643円 55%OFF ドメイン2個無料 - 2024年4月5日(金)16:00まで
  • カラフルボックス
    ドメイン永久無料特典とBOX2以上の月額費用が50%OFFのクーポンコード「SERVER50

-WordPress Tips