一部の要素の投稿表示件数を制限したい。

前提・実現したいこと

下記のサイトみたいにメインとフッターで新着記事の表示件数をかえたい。
参考

発生している問題・エラーメッセージ

下記のサイトを参考にしてフッター部分の投稿記事件数を3件に絞るようにしたのだが適用されず一覧で表示されてしまった。

参考にしたサイト1
参考にしたサイト2
参考にしたサイト3

<li class="page-footer__block footer-block">
        <h4>Recent posts</h4>
            <?php
        $args = array(
        'post_type' => 'post',
        'posts_per_page' => 3,
        );
        $the_query = new WP_Query( $args );
        if ( $the_query->have_posts() ) :
        while ( $the_query->have_posts() ) : $the_query->the_post();
    ?>
        <!-- ループ内容 -->
        <?php if(have_posts()):while(have_posts()): the_post(); ?>
            <div class="footer-block__wrapper footer-wrapper">
                <a href="<?php the_permalink(); ?>">
                    <p class="footer-wrapper__image">
                        <?php if(has_Post_thumbnail()): ?>
                            <?php the_post_thumbnail(('full')) ?>
                        <?php else:?>
                            <img src="https://placehold.jp/600x400.png" alt="">
                        <?php endif; ?>
                    </p>
                </a>
                <div class="footer-wrapper__texts">
                    <p class="date"><?php the_time('Y/m/d'); ?></p>
                    <a href="">
                        <h5><?php the_title(); ?></h5>
                    </a>
                </div>
            </div>
            <?php endwhile; ?>
            <?php endif; ?>
    <?php
        endwhile;
        endif;
    ?>
    <?php wp_reset_postdata(); ?>

    </li>

php
1//functions.php
2
3
4//表示数制限
5
6function my_pre_get_posts( $query ) {
7    if ( is_admin() || ! $query -> is_main_query() ) return;
8
9    if ( $query->is_home ) {
10    $query->set( 'posts_per_page', '6' );
11    $query->set( 'orderby', 'rand' );
12    }
13
14    if ( $query -> is_archive() ) {
15    $query -> set( 'posts_per_page', '5' );
16    }
17    }
18    add_action( 'pre_get_posts', 'my_pre_get_posts' );
19
20
21?>

試したこと

サイトを参考にしてコードを書いたが駄目だった。

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

kei344

2020/04/30 03:36

「適応されない」とは「何をしたときに」「どうなると思って」「どうなったのか」を、具体的に記述されたほうが回答を得られやすいと思います。

ral819

2020/04/30 05:44

情報を追加しました。

行動規範の内容に同意します

回答1件

ベストアンサー

通常のループで上書きしているからでは。

PHP
1<li class="page-footer__block footer-block">
2        <h4>Recent posts</h4>
3            <?php
4        $args = array(
5        'post_type' => 'post',
6        'posts_per_page' => 3,
7        );
8        $the_query = new WP_Query( $args );
9        if ( $the_query->have_posts() ) :
10        while ( $the_query->have_posts() ) : $the_query->the_post();
11    ?>
12        <!-- ループ内容 -->
13        <?php /* if(have_posts()):while(have_posts()): the_post();*/ ?>
14            <div class="footer-block__wrapper footer-wrapper">
15                <a href="<?php the_permalink(); ?>">
16                    <p class="footer-wrapper__image">
17                        <?php if(has_Post_thumbnail()): ?>
18                            <?php the_post_thumbnail(('full')) ?>
19                        <?php else:?>
20                            <img src="https://placehold.jp/600x400.png" alt="">
21                        <?php endif; ?>
22                    </p>
23                </a>
24                <div class="footer-wrapper__texts">
25                    <p class="date"><?php the_time('Y/m/d'); ?></p>
26                    <a href="">
27                        <h5><?php the_title(); ?></h5>
28                    </a>
29                </div>
30            </div>
31            <?php /*endwhile; ?>
32            <?php endif;*/ ?>
33    <?php
34        endwhile;
35        endif;
36    ?>
37    <?php wp_reset_postdata(); ?>
38
39    </li>