プラグインなしで関連記事を表示する方法[WordPressカスタマイズ]

add_theme_support('post-thumbnails');

add_image_size('thumb100',100,100,true);

<?php
//カテゴリ情報から関連記事を10個ランダムに呼び出す
$categories = get_the_category($post->ID);
$category_ID = array();
foreach($categories as $category):
  array_push( $category_ID, $category -> cat_ID);
endforeach ;
$args = array(
  'post__not_in' => array($post -> ID),
  'posts_per_page'=> 10,
  'category__in' => $category_ID,
  'orderby' => 'rand',
);
$query = new WP_Query($args); ?>
  <?php if( $query -> have_posts() ): ?>
  <?php while ($query -> have_posts()) : $query -> the_post(); ?>
    <div class="related-entry">
      <div class="related-entry-thumb">
  <a href="<?php the_permalink() ?>" title="<?php the_title_attribute(); ?>">
        <?php if ( has_post_thumbnail() ): // サムネイルを持っているとき ?>
        <?php echo get_the_post_thumbnail($post->ID, 'thumb100'); //サムネイルを呼び出す?>
        <?php else: // サムネイルを持っていないとき ?>
        <img src="<?php echo get_template_directory_uri(); ?>/images/no-image.png" alt="NO IMAGE" title="NO IMAGE" width="100px" />
        <?php endif; ?>
        </a>
      </div><!-- /.related-entry-thumb -->
      
      <div class="related-entry-content">
        <h4 class="related-entry-title"> <a href="<?php the_permalink(); ?>">
          <?php the_title(); //記事のタイトル?>
          </a></h4>
        <p class="related-entry-snippet">
       <?php echo mb_substr( strip_tags( $post->post_content  ), 0, 70 ) . ''; //記事本文の抜粋を70文字だけ取り出す?></p>
        <p class="related-entry-read"><a href="<?php the_permalink(); ?>">記事を読む</a></p>
      </div><!-- /.related-entry-content -->
    </div><!-- /.new-entry -->
  
  <?php endwhile;?>
  
  <?php else:?>
  <p>記事はありませんでした</p>
  <?php
endif;
wp_reset_postdata();
?>
<br style="clear:both;">

<div id="related-entries">
  <h3>関連記事</h3>
  <?php include( TEMPLATEPATH . '/related-entries.php' ); ?>
</div><!-- #related-entries -->

/****************************************

          関連記事（Relation）

*****************************************/
#related-entries h3{
  font-size:24px;
}

#related-entries .related-entry{
  line-height:150%;
  margin-bottom:20px;
  clear: both;
}

#related-entries .related-entry-thumb {
  float: left;
  margin-bottom: 5px;
  padding-bottom: 5px;
}

#related-entries .related-entry-content {
  margin-left: 120px;
}

.related-entry-title{
    margin-bottom:5px;
}

.related-entry-snippet{
  margin:0 0 5px 0;
}

.related-entry-read{
  margin:0;
  font-size:12px;
}