wordpress タームごとにタブ切り替えをしたい

Question

カスタム投稿を使用してランキングを作成しており、カテゴリーごとにタブ切り替えをしたいです。
タブメニュー、タブコンテンツの外枠はタームごとに出しわけができたのですが、投稿内容がタームごとに出力できません。

また、投稿内容(ランキングデータ)は「Advanced Custom Fields」の「関連」を使用して出力する予定です。

コード自体はindex.phpを想定しており、
今年の当月のランキングのみを出力させる予定です。

カスタム投稿タイプ：ranking
カスタムタクソノミー：ranking_cat

<?php
　　　　$this_date = date('Y-m-1'); // 今日の日付を元に今月の月初めを取得
　　　　$this_year = date('Y', strtotime($this_date)); // 年を取得
　　　　$this_month = date('m', strtotime($this_date)); // 月を取得
　　　　$terms = get_terms('ranking_cat');
　　　　$args = array(
　　　　　　　　'year' => $this_year,
　　　　　　　　'monthnum' => $this_month,
　　　　　　　　'post_type' => 'ranking', 
　　　　　　　　'posts_per_page' => 1, // ループ表示させる数を指定
　　　　　　　　);
　　　　　　　　$the_query = new WP_Query($args);
?>

　　　　<!-- タブメニュー -->
　　　　<ul class="nav nav-tabs mt-5">
　　　　　　<?php foreach ( $terms as $term ) {
　　　　　　　　if ($term === reset($terms)) {// 1番目は初めから表示
　　　　　　　　　　echo '<li class="nav-item"><a class="nav-link active" href="#tab-'.$term->term_id.'" data-toggle="tab">'.$term->name.'</a></li>';
　　　　　　　　　　} else {
　　　　　　　　　　　　echo '<li class="nav-item"><a class="nav-link" href="#tab-'.$term->term_id.'" data-toggle="tab">'.$term->name.'</a></li>';
　　　　　　　　}
　　　　　　} ?>
　　　　</ul>

      <!-- タブコンテンツ -->
　　　<?php if ( $the_query->have_posts() ) : ?>
　　　　　　<div class="tab-content">
　　　　　　　　<?php while ( $the_query->have_posts() ) : $the_query->the_post(); ?>
　　　　　　　　　　<?php 
　　　　　　　　　　　　　$posts = get_field('ranking-posts'); // ランキングデータを取得
　　　　　　　　　　?>
　　　　　　　　　　<?php foreach ( $terms as $term ): ?>
　　　　　　　　　　　　<?php if ($term === reset($terms)) { ?>
                     　<!-- タブリスト -->
                    　<?php echo '<div class="tab-pane active" id="tab-'.$term->term_id.'">'; // 1番目は初めから表示 ?>

　　　　　　　　　　　　    <!--
 　　　　　　　　　　　　　     ここにタームごとのランキングデータを出力したい。
　　　　　　　　　　　　　　    下記は出力予定です。
 　　　　　　　　　　　　    -->
													
　　　　　　　　　　　　    <?php
　　　　　　　　　　　　　    /*foreach ( $posts as $val ) {
　　　　　　　　　　　　　    $link = get_permalink( $val->ID );
　　　　　　　　　　　　　     $title = get_the_title( $val->ID );
　　　　　　　　　　　　　    $img = get_the_post_thumbnail( $val->ID , 'medium' );
　　　　　　　　　　　　　    $name = the_field('profile-name-en', $val->ID);
　　　　　　　　　　　　　    $category = the_terms( $val->ID, 'shop_cat' );
　　　　　　　　　　　　　    }*/
　　　　　　　　　　　　    ?>

　　　　　　　　　　　　<?php echo '</div>'; ?>

                      <?php } else { ?>
                          <?php echo '<div class="tab-pane" id="tab-'.$term->term_id.'">'; ?>
							    	
                          <!--
 　　　　　　　　　　　　　    ここにタームごとのランキングデータを出力したい。
　　　　　　　　　　　　　　   下記は出力予定です。
 　　　　　　　　　　　　   -->
													
　　　　　　　　　　　　   <?php
　　　　　　　　　　　　　    /*foreach ( $posts as $val ) {
　　　　　　　　　　　　　    $link = get_permalink( $val->ID );
　　　　　　　　　　　　　    $title = get_the_title( $val->ID );
　　　　　　　　　　　　　    $img = get_the_post_thumbnail( $val->ID , 'medium' );
　　　　　　　　　　　　　    $name = the_field('profile-name-en', $val->ID);
　　　　　　　　　　　　　    $category = the_terms( $val->ID, 'shop_cat' );
　　　　　　　　　　　　　   }*/
　　　　　　　　　　　　    ?>

                      <?php echo '</div>'; ?>
                <?php  } ?>
         <?php endforeach; ?>					
    <?php endwhile; ?>
</div>
					

<?php wp_reset_postdata(); ?>

以上になります。
皆様のお力添えお願い致しますm(__)m

Answer 1

ターム事にWP_Queryの値を設定してあげることで表示することができました。
お騒がせしましたm(__)m

下記解決コードになります。
もし同じ悩みの方がいたらお役立てください。

<?php
					$this_date = date('Y-m-1'); // 今日の日付を元に今月の月初めを取得
					$this_year = date('Y', strtotime($this_date)); // 年を取得
					$this_month = date('m', strtotime($this_date)); // 月を取得
					$terms = get_terms('ranking_cat');
				?>
				
				<ul class="nav nav-tabs mt-5">
					<?php foreach ( $terms as $term ) {
						if ($term === reset($terms)) {
					        echo '<li class="nav-item"><a class="nav-link active" href="#tab-'.$term->term_id.'" data-toggle="tab">'.$term->name.'</a></li>';
					    } else {
					    	echo '<li class="nav-item"><a class="nav-link" href="#tab-'.$term->term_id.'" data-toggle="tab">'.$term->name.'</a></li>';
					    }
					} ?>
				</ul>

				<div class="tab-content">				

						<?php } if ($term === reset($terms)) { //1番目の場合 ?>

							<?php echo '<div class="tab-pane active" id="tab-'.$term->term_id.'">'; ?>

								<?php
									$taxonomy = 'ranking_cat';
									$args = array(
										'year' => $this_year,
										'monthnum' => $this_month,
										'post_type' => 'ranking',
										'tax_query' => array(
											array(
												'taxonomy' => $taxonomy,
												'field'    => 'term_id',
												'terms'    => $term->term_id,
											),
										),
									);
									$the_query = new WP_Query( $args );
								?>

								<?php if ( $the_query->have_posts() ) : ?>
									<?php while ( $the_query->have_posts() ) : $the_query->the_post(); ?>
										<?php
											$posts = get_field('ranking-posts');
										?>
										<?php foreach ( $posts as $val ) {
								        	
								        	$title = get_the_title( $val->ID );
								        	
								        	echo '<div>'.$title.'</div>';

							    		} ?>
									<?php endwhile; ?>
								<?php wp_reset_postdata(); ?>
								<?php endif; ?>

							<?php echo '</div>'; ?>

						<?php } else { ?>

							<?php echo '<div class="tab-pane" id="tab-'.$term->term_id.'">'; ?>
							    	
						    	<?php
									$taxonomy = 'ranking_cat';
									$args = array(
										'year' => $this_year,
										'monthnum' => $this_month,
										'post_type' => 'ranking',
										'tax_query' => array(
											array(
												'taxonomy' => $taxonomy,
												'field'    => 'term_id',
												'terms'    => $term->term_id,
											),
										),
									);
									$the_query = new WP_Query( $args );
								?>

								<?php if ( $the_query->have_posts() ) : ?>
									<?php while ( $the_query->have_posts() ) : $the_query->the_post(); ?>
										<?php
											$posts = get_field('ranking-posts');
										?>
										<?php foreach ( $posts as $val ) {
					          $title = get_the_title( $val->ID );
					          echo '<div>'.$title.'</div>';
						        	
							            	} ?>
										<?php endwhile; ?>
									<?php wp_reset_postdata(); ?>
								<?php endif; ?>

							<?php echo '</div>'; ?>
						<?php  } ?>
					<?php endforeach; ?>
				</div>