【wordpress】コピペでできる！投稿一覧のつくり方【超汎用型】

<?php if ( have_posts() ) : ?>
  <ul>
  <?php
    while ( have_posts() ) :
    the_post();
  ?>
  <li>
    <a href="<?php the_permalink(); ?>">
      <div class="thumbs">
      <?php
        if ( has_post_thumbnail() ) :
          $thumb_url = get_the_post_thumbnail_url($post -> ID,"full");
      ?>
       <img src="<?php echo $thumb_url; ?>" alt="">
     <?php else : ?>
       <img src="<?php echo get_stylesheet_directory_uri(); ?>/img/no-image.png" alt="">
     <?php endif; ?>
      </div>
      <?php
         $cats = get_the_category( $post -> ID );
         if ( !empty( $cats )) :
           foreach ( $cats as $cat ) :
             $cat_id = $cat -> term_id;
             $cat_name = $cat -> name;
     ?>
       <span class="cat"><?php echo esc_attr( $cat_name ); ?></span>
    <?php
         endforeach;
       endif;
     ?>
        <div class="date"><?php the_time( 'Y.m.d' ); ?></div>
        <h3><?php the_title(); ?></h3>
      </a>
  </li>
<?php endwhile; ?>
</ul>