Wordpress首页和后页显示相同的内容

我正在一个基本的Wordpress网站上工作，并希望主页是一个自定义的静态页面，所以我创建了一个名为home.php的页面和一个名为news.php的页面，然后在WP管理中我去了:Setting然后Reading选择了a static page选项，选择了Front Page作为主页，然后选择了Posts Page作为新闻。

然而，当我在浏览器中查看网站时，两个页面显示相同的内容。尽管URL不会改变为任何页面是ie: localhost:8888/mysite/home or localhost:8888/mysite/news

我不确定我是否错过了一些非常简单的…但我似乎不知道我错在哪里?

我的主页代码是:

<?php 
/*
Template Name: Home Page
*/
?>
<?php get_header(); ?>
<div class="container">
<h1>This is the homepage</h1>
</div>    
<?php get_footer(); ?>

新闻页面的代码是:

<?php 
/*
Template Name: News Page
*/
?>
<?php get_header();  ?>
<div class="container">
 <h2>This is the Blog page</h2>        
        <?php $args = array(
                                'post_type' => 'post',
                                'orderby' => 'date',
                                'order' => 'DESC',
                                'posts_per_page' => 4,
                                'paged' => get_query_var('paged'),
                                'post_parent' => $parent
                            ); ?>
                      <?php query_posts($args); ?>
                      <?php if ( have_posts() ) : ?>
                          <?php while ( have_posts() ) : the_post(); ?>
                              <article>
    <a href="<?php the_permalink() ?>"><?php the_post_thumbnail(); ?></a>
    <time><?php the_time(get_option('date_format')); ?></time>
    <h2><?php the_title(); ?></h2>   
    <p><?php the_excerpt(); ?></p>
 </article>

                          <?php endwhile; ?>
                      <?php endif; ?>  
    <?php get_footer();  ?>
  </div>

如果有人能帮我弄清楚我错在哪里，那将是非常感激的!: -)