Как добавить отдельные классы для каждого объекта в цикле while?

Question

[Warlynn]

Есть задача сделать такую сетку для вывода постов в WordPress:


На текущий момент удалось это реализовать объединив классы в массив и их присвоению согласно порядку:

<?php if ($custom_query->have_posts()):
    $i = 0;
    while ($custom_query->have_posts()):
        $custom_query->the_post(); ?>
               <?php $classes = array(
            'block_small',
            'block_medium',
            'block_large',
            'block_small',
            'block_small'
        ); ?>
               <div class="<?php echo $classes[$i] ?>"></div>
					<?php
        $i++;
    endwhile;
endif;
wp_reset_postdata();
?>

Но после того, как цикл выдаст первые пять постов, то следующим постам данные классы уже не присваиваются.

Каким образом можно зациклить присваивание классов постам в том порядке, который указан в массиве?

Comments

[キム ファイブプラス]

Сбросить $i например в 0.

[Warlynn]

キム ファイブプラス, что-то вроде этого?

if($i > 4) { $i = 0; }

Не срабатывает, класс 6-му посту не присваивается..

[ProjectSoft]

Не срабатывает, класс 6-му посту не присваивается..

Точно?
https://www.jdoodle.com/ia/nKJ

[Warlynn]

ProjectSoft, сработало, спасибо!

Answer 1

[Vic87]

Конечно, не присваиваются. $classes[$i] для $i > 4 у вас не определены. Ессно, что класс будет пустым.

Не думали пойти другим путем, без заморотов с присвоением класса каждому посту? Например, используя псевдокласс :nth-child и через него реализовать особенности верстки. Тогда вывод постов можете делать без всякого гимора, обычным порядком.

Answer 2

[Сергей delphinpro]

Зачем такие сложности?