1つのアーカイブページに年度別で分けて記事を表示したい

前提・実現したいこと

1つのアーカイブページに年度別で分けて記事を表示したいです。

WordPressで特定カテゴリーに属する記事一覧を年度ごとに綺麗に分けて1ページに表示させたい

上記記事を参考に年度別で分けて表示はできたのですが、
年度別の記事ごとに特定のタグの中に入れる方法がわからず、教えていただけますと幸いです。

該当のソースコード

php
1<section class="h3_box">
2    <?php
3        $args = array(
4            'category_name' => 'advertisement',
5            'posts_per_page' => -1,
6            'order' => 'DESC'
7        );
8
9        $the_query = new WP_Query($args);
10        if($the_query->have_posts()):
11            $post_year = false;
12
13            while ($the_query->have_posts()): $the_query->the_post();
14
15                if ( $post_year != get_post_time('Y') ) {
16                    echo '<h2>'.get_post_time('Y').'年の記事見出し</h2>';
17                } ;?>
18                    <div class="News"><a href="<?php the_permalink();?>"><p class="day bold"><?php the_time('Y.m.d');?><p class="title"><?php the_title();?></p></a></div>
19
20            <?php
21            $post_year = get_post_time('Y');
22            endwhile;
23            wp_reset_postdata();
24        endif;
25    ?>
26</section>
27

出力結果

html
1<section class="h3_box">
2    <h2>2021年の記事見出し</h2>
3    <div class="News"><a href="">
4            <p class="day bold">日付&gt;</p>
5            <p class="title">タイトル</p>
6        </a></div>
7
8    <div class="News"><a href="">
9            <p class="day bold">日付&gt;</p>
10            <p class="title">タイトル</p>
11        </a></div>
12
13    <div class="News"><a href="">
14            <p class="day bold">日付</p>
15            <p class="title">タイトル</p>
16        </a></div>
17
18    <div class="News"><a href="">
19            <p class="day bold">日付</p>
20            <p class="title">タイトル</p>
21        </a></div>
22
23    <div class="News"><a href="">
24            <p class="day bold">日付</p>
25            <p class="title">タイトル</p>
26        </a></div>
27
28    <h2>2020年の記事見出し</h2>
29    <div class="News"><a href="">
30            <p class="day bold">日付</p>
31            <p class="title">タイトル</p>
32        </a></div>
33
34    <h2>2019年の記事見出し</h2>
35    <div class="News"><a href="">
36            <p class="day bold">日付</p>
37            <p class="title">タイトル</p>
38        </a></div>
39
40</section>

↓年度ごとにタグで括りたい
※　.news_items　のタグで年度ごとに括りたいです。

理想の出力結果

html
1
2<section class="h3_box">
3    <h2>2021年の記事見出し</h2>
4
5    // 追加したいタグ
6    <div class="news_items">
7        <div class="News"><a href="">
8                <p class="day bold">日付&gt;</p>
9                <p class="title">タイトル</p>
10            </a></div>
11
12        <div class="News"><a href="">
13                <p class="day bold">日付&gt;</p>
14                <p class="title">タイトル</p>
15            </a></div>
16
17        <div class="News"><a href="">
18                <p class="day bold">日付&gt;</p>
19                <p class="title">タイトル</p>
20            </a></div>
21
22        <div class="News"><a href="">
23                <p class="day bold">日���&gt;</p>
24                <p class="title">タイトル</p>
25            </a></div>
26
27        <div class="News"><a href="">
28                <p class="day bold">日付&gt;</p>
29                <p class="title">タイトル</p>
30            </a></div>
31    </div>
32
33
34    <h2>2020年の記事見出し</h2>
35
36    // 追加したいタグ
37    <div class="news_items">
38        <div class="News"><a href="">
39                <p class="day bold">日付&gt;</p>
40                <p class="title">タイトル</p>
41            </a></div>
42    </div>
43
44    <h2>2019年の記事見出し</h2>
45
46    // 追加したいタグ
47    <div class="news_items">
48        <div class="News"><a href="">
49                <p class="day bold">日付&gt;</p>
50                <p class="title">タイトル</p>
51            </a></div>
52    </div>
53
54</section>

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

回答1件

ベストアンサー

php
1$post_year = false;
2while ($the_query->have_posts()): $the_query->the_post();
3  if ( $post_year != get_post_time('Y') ) {
4    if ( $post_year !== false ) echo '</div>';
5    echo '<div class="news_items">';
6    echo '<h2>'.get_post_time('Y').'年の記事見出し</h2>';
7  } ;?>
8  <div class="News"><a href="<?php the_permalink();?>"><p class="day bold"><?php the_time('Y.m.d');?><p class="title"><?php the_title();?></p></a></div>
9  <?php
10  $post_year = get_post_time('Y');
11endwhile;
12wp_reset_postdata();
13echo '</div>';