年月ごとに、見出しを分けた一覧を表示したい。

Question

下記参考サイトのように、年月ごとに出力したアーカイブページのタイトルを、選択した年月日で表示させたいです。
リンク内容

現在は下記のように、投稿記事の一覧を取得するループを書いているのですが、

  <section id="news_top">
	<div class="news__top__inner">
		<div class="narrow_down">
			<dl>
				<dt>CATEGORY</dt>
					<dd>
						<select onChange="location.href=value;"> 
							<option hidden>全ての記事</option>
							<option value="<?php echo esc_url(home_url('/news-archive')); ?>">全ての記事</option>
							<?php 
							$taxonomy_slug = 'news_category'; // タクソノミーのスラッグを指定
							$terms = get_terms($taxonomy_slug); // タームの取得
							if( $terms && !is_wp_error($terms) ){ // タームがあれば表示
							foreach ( $terms as $value ) { // 配列の繰り返し
							echo '<option value="'.get_term_link($value->slug,$taxonomy_slug).'">'.esc_html($value->name).'</option>'; // タームのURLとタイトルを表示
									}
								}
							?> 
						</select>
					</dd>
			</dl>
			<dl>
				<dt>ARCHIVE</dt>
					<dd>
					<select class="categoryy" name="archive-dropdown" onChange='document.location.href=this.options[this.selectedIndex].value;'> 
							<option hidden>日付を選択する</option>
							<option value=""><?php echo attribute_escape(__('月を選択してください')); ?></option> 
							<?php wp_get_archives (array(
								'post_type' => 'news',
								'type' => 'monthly',
								'format' => 'option',
								'show_post_count' => '1'
								));
							?>
						</select>
					</dd>
			</dl>
		</div>
	</div>
	</section>
	<section id="news_archive">
		<div class="news_archive__inner">
		<h3 class="page_title">月別アーカイブ</h3> <!--ここを動的に変化させたい。--->
		<ul>
			<?php
			$paged = get_query_var('paged') ? get_query_var('paged') : 1;
			$args = array(
				'post_type' => 'news',
				'posts_per_page' =>10,
				'paged' => $paged
			);
			$news_query = new WP_Query( $args );
			if ( $news_query->have_posts() ) :
				while ( $news_query->have_posts() ) :
					$news_query->the_post();
			?>
			<li><a href="<?php the_permalink(); ?>">
				<div class="news_article__wrap">
					<p class="news_date"><?php the_time('Y.m.d'); ?></p>
					<?php
						if ($terms = get_the_terms($post->ID, 'news_category')) {
							echo ('<p class="news_category">');
							foreach ( $terms as $term ) {
								echo esc_html($term->name);
							}
							echo ('</p>');
						}
						?>
				</div>
				<p class="news_article__title"><?php the_title(); ?></p>
				</a>
			</li>
			<?php endwhile;
			if(function_exists('wp_pagenavi')){
				wp_pagenavi(array('query'=>$news_query));
			}
			endif;
			wp_reset_postdata();?>
		</ul>

		<!-- <div class="wp_pagenavi_wrap">
		<?php wp_pagenavi(); ?>
		</div> -->
		</div>
	</section>

            <dl>
                <dt>ARCHIVE</dt>
                    <dd>
                    <select class="categoryy" name="archive-dropdown" onChange='document.location.href=this.options[this.selectedIndex].value;'> 
                            <option hidden>日付を選択する</option>
                            <option value=""><?php echo attribute_escape(__('月を選択してください')); ?></option> 
                            <?php wp_get_archives (array(
                                'post_type' => 'news',
                                'type' => 'monthly',
                                'format' => 'option',
                                'show_post_count' => '1'
                                ));
                            ?>
                        </select>
                    </dd>
            </dl>

上記セレクトボックスで選択した投稿月を下記箇所に、

<h3 class="page_title">月別アーカイブ</h3>

「2021年5月」「2021年4月」と、切り替えて表示させるにはどうすればいいでしょうか?

Answer 1

ループで取得しなくても、テンプレートタグで取得できました。

<h3 class="page_title"><?php echo get_the_date('Y年n月'); ?></h3> <!--選択した投稿記事の年月を出力--->

これだけでした。