投稿本文最初の画像を一覧のサムネにする

実装手順

functions.phpに下記を追加

                // thumbnail自動表示
                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 = "/wp-content/uploads/logo_ogp.jpg";
                    }
                    return $first_img;
                }
            

投稿一覧ページのphpを変更（category-○○.php）

articleのタグを下記のように変更。
※重要なのは画像箇所のURLなので、レイアウトは顧客の要望に合わせます。下記は一例です。

                <article class="row article_list">
                <div class="col span_4">
                    <figure><img src="<?php echo catch_that_image(); ?>" alt="{{the_title() }}"></figure>
                  </div>
                  <div class="col span_8">
                    <div class="article_date">
                      <p>{{ the_time('Y/m/d') }} </p>
                    </div>
                    <h2 class="wow">
                      <a href="{{ the_permalink() }}">{{ the_title() }} </a>
                    </h2>
                   {{the_excerpt(__('more'))}}
                    <div class="article_button">
                      <p class="more"><a href="{{the_permalink()}}" class="add_arrow">MORE</a></p>
                    </div>
                  </div>
           </article>
            

TOPに出すときのショートコード（[○○ slug=”△△”]）用phpの画像箇所を変更

下記の例では本文に画像がない場合はlogo_ogpが出るようにしてあります。

                <figure>
                <?php
                $thumbnail = catch_that_image();
                if ($thumbnail) {
                echo '<img src="' . esc_url($thumbnail) . '" alt="">';
                } else {
                echo '<img src="/wp-content/uploads/logo_ogp.jpg" alt="">';
                }
                ?>
                </figure>
            

以上で実装完了です。細かい箇所は調整してください。

投稿一覧ページのphpについてはDL用のphpも用意しました。
archive.phpをDL