WordPress l oop с 3 столбцами в первой строке и 4 столбцами в остальных

Question

Я создал WordPress l oop в PHP для произвольного типа записи с 3 столбцами в 1-й строке и 4 столбцами в остальных строках. Однако с моим текущим кодом 3-й элемент из 1-й строки повторяется во 2-й строке, что не идеально. Как я могу гарантировать, что мой 4-столбец l oop начинается с 4-го элемента. Прямо сейчас кажется, что он начинается с 3-го числа, хотя в моем коде я указал больше или равно 4 ($ i> = 4). Я не могу понять, что я делаю не так в коде. Любая помощь будет принята с благодарностью!

Вот скриншот того, что я имею в виду, когда говорю, что третий элемент повторяется: https://i.stack.imgur.com/eA0J6.png

Кроме того, вот мой текущий код:

<?php $i = 1 ?>
 <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>

 <?php if($i <= 3 ):  $i++;?>

<div class="col-md-4">
            <?php get_template_part( 'loop-templates/content', 'activity' ); ?>
                        </div>
<?php endif; ?>

<?php  if($i >= 4):  $i++; ?>
    <div class="col-md-3">
                        <?php get_template_part( 'loop-templates/content', 'activity' ); ?>
                        </div>
        <?php endif; ?>             

<?php endwhile; endif; ?>

Answer 1

Когда $i точно равно 3, оно будет увеличено до 4 в первом блоке if, затем второй if также будет истинным. Попробуйте это:

<?php if($i <= 3 ): ?>
    <div class="col-md-4">
        <?php get_template_part( 'loop-templates/content', 'activity' ); ?>
    </div>
<?php else: ?>
    <div class="col-md-3">
        <?php get_template_part( 'loop-templates/content', 'activity' ); ?>
    </div>
<?php
endif;
++$i;
?>