記事内で使用されている画像をサムネイルとして表示する方法

サムネイルをいちいちアイキャッチから登録するのが面倒、
記事本文の画像を引用してくれれば楽なんだけどという人もいるかもしれません。

そこで、本文に使用されている画像をサムネイルとして、
アーカイブページに表示させる方法です。

記事本文で使用されている画像を表示させるには、
function.phpに下記の記述をします。

function catch_image() {
    global $post, $posts;
    $first_img = '';
    ob_start();
    ob_end_clean();
    $output = preg_match_all('//i', $post->post_content, $matches);
    $first_img = $matches [1] [0];
  
if(empty($first_img)){ //Defines a default image
        $first_img = "/images/○○.jpg";
    }
    return $first_img;
}

$first_img = “/images/○○.jpg”;には記事内に画像がない場合の画像を表示させるurlを任意で入れます。

実際にアーカイブページで画像を表示させたい場所に以下を記述します。