How to display posts according to a certain structure in WP?

Question

WordPress

Good afternoon, let's say there are 20 posts in WP.
In the standard version, they will be displayed like this

<div class='items">
<div class='item"></div>
и еще 19 таких же
</div>

I need to output 6 in a new structure

<div class="items">
  <!-- First Items wrapper -->
  <div class="items-wrapper">
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
  </div>
  <!-- Two Items wrapper -->
  <div class="items-wrapper">
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
  </div>

</div>

Please tell me how to implement

Answer 1

Hello
To begin with, an example of a standard WordPress cycle

<div class="items">
<?php while (have_rows()): the_row(); ?>
  <div class="item"></div>
<?php endwhile; ?>
</div><!-- items -->

Now the option if you need to withdraw 6 pieces

echo '<div class="items">';
//Зададим переменную, которая будет считать количество элементов 
$counter = 1; 

//Стандартный цикл Вордпресс
while (have_rows()): the_row(); 
  //Сделаем проверку на начало группы из 6-ти элементов 
  if ($counter == 1): 
    //Выводим открывающий тег группы
    echo '<div class="items-wrapper">'; 
  endif;

  //Выведем элемент в цикле
  echo '<div class="item"></div>';

  //Сделаем проверку на конец группы из 6-ти элементов
  if ($counter == 6): 
    //Выводим закрывающий тег группы
    echo '</div><!-- items-wrapper -->'; 
    //Если группа закончена, приводим счетчик опять к единице
    $counter = 1; 
  else: 
  // Увеличиваем счетчик на единицу после каждого элемента 
  $counter++; 
  endif;
endwhile; 

//Если цикл вордпресс закончился, а группа не завершена добавляем закрывающий див
if ($counter != 1): 
 echo '</div><!-- items-wrapper -->';
endif; 

echo '</div><!-- items -->';