BLOGホームページ制作関係wordpress

wordpressの投稿のアイキャッチを取得する

2019/10/10

はじめに

wordpressのアイキャッチ画像を設定したんですが、これどうやって出力側で取得すればいいんですか?

wordpressのアイキャッチ画像を取得するためには、ループの中でサムネイルを呼び出す関数を使用すれば簡単に取得することができます。

アイキャッチ画像を取得する関数が用意されているんですね。

アイキャッチ画像を表示する関数とURLだけを取得する関数があります。使い勝手は、URLだけを持ってくる方が使いやすいと思いますので、こちらをご紹介していきますね。

wordpressの投稿のアイキャッチ画像を取得しよう

wordpressの入力欄にアイキャッチ画像を設定する画面があるかと思います。それを取得する方法は、get_the_post_thumbnail_url()を使用することでアイキャッチ画像のURLを取得することができます。

 <?php if(have_posts()):while(have_posts()):the_post();?>
  <img src="<?php get_the_post_thumbnail_url();?>">
 <?php endwhile;endif;?>

上記のようにループの中にimgタグのsrcと書くことでアイキャッチに設定した画像を出力できるようになります。取得した画像でサムネイルが並ぶコンテンツなどを作れますね。