Столбец внутри макетов столбцов в Wordpress Loop

Question

Я пытаюсь получить макет, указанный на изображении ниже, в WordPress l oop. Моя разметка показана здесь - пожалуйста, подскажите, как это сделать правильно. Я использую Bootstrap.

<section class="posts__fashion">
                <!-- <h4>Food & Drink</h4> -->
                <div class="row">
              <?php  $col = 1 ?>
        <?php if(have_posts()): ?>
            
                
            <?php while(have_posts()):the_post(); ?>
            <?php if ($col == 1) {?>
                <div class="col-md-6">
                    whole row 
                </div>
                <?php } ?>
                  <div class="col-md-6">
                    <div class="row">
                      <div class="col-md-6">first half</div>
                      <div class="col-md-6">second half</div>
                    </div>
                   
                  <?php $col= $col + 1 ?>
                <?php endwhile; ?>
                </div> 
            
            <?php else : ?>
                <?php echo wpautop('Sorry, no posts were found'); ?>
            <?php endif; ?>
    </div>  
</section>

Требуется макет столбца