記事の1件目の画像を取得・表示する

WordPressの記事の中の一番はじめの画像をアイキャッチ画像にしたりなにかアーカイブのキャッチな画像にしたりとかで使用したい場合の覚書。

functions.php側の設定

//記事の1件目の画像をキャッチ画像にする
function catch_that_image() {
    global $post, $posts;
    $first_img = '';
    ob_start();
    ob_end_clean();
    $output = preg_match_all('/<img.+src=[\'"]([^\'"]+)[\'"].*>/i', $post->post_content, $matches);
    $first_img = $matches [1] [0];
  
if(empty($first_img)){ //Defines a default image
        $first_img = "記事の中に画像がない場合の代用画像";
    }
    return $first_img;
}

出力・表示側の設定

<?php echo catch_that_image(); ?>