Wordpress 「表示設定」「ホームページの表示」からホームページ:TOPページとするとメインループにTOPページがループ表示される。

Question

front-page.phpをサイトのTOPページとしています。

front-page.phpをサイトのTOPページとするため、固定ページ「TOPページ」を作成しました。
投稿記事一覧ページを作成するため、固定ページ「Works一覧」を作成しました。

表示設定を以下のように設定しています。

サイトのTOPページはfront-page.phpが適用されているのですが、TOPページのメインループの箇所が以下のように、固定ページ「TOPページ」がループ表示されています。

front-page.php内のメインループは以下のように書いています。

      <section class="secIndex topWorks">
        <div class="container">
          <div class="contentB topWorks__wrapper">
            <div class="contentB__left topWorks__left">
              <h2 class="c-title-index01">Works</h2>
            </div>
            <div class="contentB__right topWorks__right">
            <div class=" program--list topWorks__program--list fadein_list">
                <?php if (have_posts() ): ?>
                <?php while ( have_posts() ) : the_post();?>
                <article>
                  <a href="<?php the_permalink(); ?>">
                    <span class="program--cate">地上波</span>
                    <h2 class="program--text"><?php the_title(); ?></h2>
                  </a>
                </article>
                <?php endwhile; ?>
                <?php else: ?>
                <h2 class="program--text">投稿が見つかりません。</h2>
                <?php endif; ?>
              </div>
            </div>
          </div>
          <div class="morebtn__outer"><a href="<?php echo esc_url(home_url('/works/')); ?>" class="button--more"> MORE </a></div>
        </div>
      </section>```

TOPページ(front-page.php)内に投稿記事の一覧をループ表示させるにはどうすればいいでしょうか?

Answer 1

メインループを使わずWP_Queryを使う事で解決しました。　

            <?php
              $works_args = array(
                'post_type' => 'post',
                'posts_per_page' => 5,
                'orderby' => 'post_date'
              );
              $works_query = new WP_Query( $works_args ); ?>
                <?php if ( $works_query->have_posts() ): ?>
                <?php while ( $works_query->have_posts() ) : $works_query->the_post();?>
                <article>
                  <a href="<?php the_permalink(); ?>">
                    <span class="program--cate"><?php the_category(); ?></span>
                    <h2 class="program--text"><?php the_title(); ?></h2>
                  </a>
                </article>
                <?php endwhile; ?>
                <?php else: ?>
                <h2 class="program--text">投稿が見つかりません。</h2>
                <?php  wp_reset_postdata(); endif; ?>

しかしなぜ、メインループだとホームページ : TOPページ で指定したTOPページガループされていたのでしょうか、、、

ヒントになる記事などありましたらご教授ください。