wpギャラリー画像の１枚目を取得したい

オリジナルのテーマでwpを作成しています。
投稿画像の１枚目の画像を取得して、サムネイルとして出力する方法で、
wordpress本来のギャラリー機能で作ったギャラリーの１枚目を出力したいのですが、
どうしてもギャラリーの最後の画像が表示されてしまいます。
ソース表示にして確認すると、ギャラリーの画像のIDの91を取得している感じです。
wp:gallery {"ids":[93,80,82,83,92,91],"linkTo":"media"}

画像を登録する順番でしょうか、ギャラリー画像のIDが変更できれば、1に反応するかもしれない感じですが。何か解決方法があれば教えて頂けると助かります。

設定している投稿画像の１枚目を取得するものは下記を設定しています。
function.phpに

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 = "/images/noimage.png";
    }
return $first_img;
}

出力したいカテゴリー.phpのページに下記を記入

<ul>
<li><a href="<?php the_permalink(); ?>"><img src="<?php echo catch_that_image(); ?>" ></a>
<p class="wp-caption"><?php the_title(); //記事のタイトル ?></p>
</li>
</ul>

宜しくお願い致します。