pre_get_postsでTOPページ(front-page.php)に投稿記事の一覧を表示したいのですが上手く行きません。

Question

デザインカンプ赤枠の箇所をpre_get_postsを用いてfront-page.phpに表示したいです。

functions.phpにpre_get_postsをこのようにしています。

 function myPreGetPosts( $query ) {
  if ( is_admin() || ! $query->is_main_query() ){
    return;
}
  // 指定したページとメインクエリの場合に限定
  if ( $query->is_front_page() && $query->is_main_query() ) {
      $query->set( 'post_type', 'post' );
      $query->set( 'posts_per_page', '3' );
  }
}

add_action( 'pre_get_posts', 'myPreGetPosts' );
コード

そしてfront-page.phpは下記のように書きました。

        <div class="blog_area">
                <h2 class="blog_notice__title">ブログ</h2>
                <?php
                if ( have_posts() ) : while ( have_posts() ) : the_post();
                ?>
                <div class="blog__wrapper">
                    <?php the_post_thumbnail('thumbnail', array('class' => 'blog__img')); ?>
                    <p class="blog__category"><?php the_category(','); ?></p>
                    <div class="blog_heading">
                        <?php the_title( '<h2 class="blog__title"><a href="' . esc_url( get_permalink() ) . '">', '</a></h2>' ); ?>
                        <p class="time__date"><?php echo get_the_date(); ?></p>
                    </div>
                </div>
                <?php endwhile; //繰り返し処理終了 ?>
                <?php else : //条件分岐：投稿がない場合は ?>
                <h2 class="blog__title">投稿が見つかりません。</h2>
                <?php endif; //条件分岐終了 ?>
            </div>
コード

しかし結果は以下の画像のように front-page.phpがループ表示されています。

pre_get_postsでTOPページ(front-page.php)に投稿記事一覧を表示させるにはどうすれば良いでしょうか? 教えてください。

Answer 1

pre_get_postsは使わずに mainqueryを使って行うことにしました。

Answer 2

is_toppageという関数は（少なくともデフォルトでは）ありません。

【is_home()とis_front_page()の条件分岐タグの違い[WordPress]】
https://noumenon-th.net/programming/2016/06/30/is_home_is_front_page/

Comments

[Fukusuke0604]

コメントありがとうございます。

「is_toppageという関数は（少なくともデフォルトでは）ありません。」ということで、TOPページファイル名をfront-page.phpに変更しました。

いただいたリンクを読み、今回のケースはパターン２に当てはまると思いそのようにfunction.phpに記述しましたが、相変わらずループ内にはTOPページ(front-page.php)がループとして表示されたままです。

[Fukusuke0604]

質問内容を簡潔に変更しました。
どこが間違えているのか分からないのでご指摘ください。