How to implement such a cycle of displaying posts on wp?

Question

WordPress

I understand that there is a dead community here, but I'll still try.

It seems clear from the picture, but I'll explain anyway.
There is a taxonomy of real estate. In this taxonomy there are terms "Residential real estate and something else", and each term has posts belonging to this term, also each post has tags. How to output by terms is understandable, but how can I display the tags belonging to the displayed posts below first? .
+ then somehow stuff it into tabs.

Answer 1

There is such an option:
Get posts by $term

$query = new WP_Query( array(
    'post_type' 		=> $type, // Ваш тип записи
  'posts_per_page'	=> -1,        
  'tax_query' => array(
    array(
      'taxonomy' => $tax, // Такса типа записи
      'field'    => 'slug', 
      'terms'    => $term // Нужный терм
    )
  )
) );

Through a loop, we create an array of id of all tags present in the posts received in the previous step

$all_tags = [];

if ( $query->have_posts() ) {
  while ( $query->have_posts() ) {
    $query->the_post();

          $cur_terms = get_the_terms( $post->ID, $post_tag ); // $post_tag - нужная таксономия (если это стандартная метка поста, то $post_tag = 'post_tag')
          if( is_array( $cur_terms ) ){
            foreach( $cur_terms as $cur_term ){
               $all_tags[] = $cur_term->term_id;
           }
          }        	
  }
}
// Возвращаем оригинальные данные поста. Сбрасываем $post.
wp_reset_postdata();

$all_tags = array_unique($all_tags); // Оставляем уникальные значения в массиве

Displaying tab buttons

echo '<ul>';

  $i = 0;
  foreach ( $all_tags as $tag ) {
    $class_active = $i === 0 ? ' tab-active' : ''; // для первой кнопки ставим активный класс
    $tag_name = get_term( intval( $tag ) )->name; // Наименование метки
    echo '<li class="tab-caption' . $class_active . '">' . $tag_name . '</li>';
  $i++;
  }

echo '</ul>';

Displaying tab content

echo '<div>';

  $k = 0;
  foreach ( $all_tags as $tag ) {
    $class_active = $k === 0 ? ' tab-active' : '';
    
    echo '<div class="tab-content' . $class_active . '">';
      if ( $query->have_posts() ) {
        while ( $query->have_posts() ) {
          $query->the_post();

                if ( has_term( intval( $tag ), $post_tag ) ) { // Выводим только те посты, в которых есть текущая метка в цикле
                	the_content(); // Здесь вывод данных поста. Как вариант - get_template_part( 'path/to/template' );
                }    	
        }
      }
      // Возвращаем оригинальные данные поста. Сбрасываем $post.
      wp_reset_postdata();
    echo '</div>';
  $k++;
  }

echo '</div>';

Answer 2

Fuck knows what kind of logic this is, but
https://wp-kama.ru/function/wp_get_object_terms
will help you Transfer the array of post IDs. And upload the terms of a certain taxonomy for them.