wordpress化において、トップページに新着記事を3件だけ表示させたい

Question

表題についてですが、
静的HTMLで作ったトップページ（front-page.php）に、新着記事を3件だけ表示させたいのですが、
以下のコードで記述したら、1件も表示されません。

どこが間違っているのか、ご指摘いただけますと幸いです。

  <?php get_header() ?>
  
  <section class="section news" id="news">
    <h2 class="heading bg-light fadein">Information</h2>
    <p class="sub-heading bg-light fadein">お知らせ</p>
  

    <?php

    add_action('pre_get_posts','my_pre_get_posts');
    function my_pre_get_posts($query){
      if(is_admin() || ! $query->is_main_query() ){
        return;
      }
      
      if($query->is_home() ){
        $query->set('posts_per_page', '3');
        return;
      }
    } 

?>
    
    <a href="<?php echo home_url(); ?>/posts/" class="news-button fadein">一覧を見る</a>
  </section>
  
   <?php get_footer() ?>

Comments

[hayato7]

どういう過程で、このコードになったのでしょうか。
何か参考にされたりしましたでしょうか。

Answer 1

pre_get_postsはfunctions.phpに書きましょう。そして表示したい箇所にループで呼び出しましょう。

【WordPressで投稿を表示。正しいループの書き方徹底まとめ。 | WWWクリエイターズ】
http://www-creators.com/archives/2202

【5.WordPressのループを使い記事一覧を表示するindex.phpを作成する | Plusers】
https://plusers.net/wordpress_theme_5

【WordPress メインループとサブループの表示方法 - by Takumi Hirashima】
https://hirashimatakumi.com/blog/18.html