Как вывести записи вордпресс с разными классами?

Question

[Ambal89]

Добрый день! Подскажите пожалуйста, натягиваю верстку на вордпресс и столкнулся с проблемой: цикл выводит один и тот же шаблон записей, а заказчик хочет чтобы было так: prntscr.com/ewdu6e. Каждый блок записи различается классом тега div. Как можно сделать так же?

Answer 1

[Testing Tester]

Не обязательно делать через класс, можно и через nth-child сделать, тем более если как на скрине 3 элемента

А если именно классы к div, то от фантазии зависит:
1) Можно задать переменную $i = 1, для div прописать класс .class-$i++
2) либо в ACF создать поле для записей - чекбокс, если мало классов, либо текстовое поле если нужно много имен классов, и потом это поле соот-но выводишь в класс
Уверен можно еще придумать много вариантов

Comments

[Ambal89]

Спасибо! Через nth-child я тоже думал, но там разве можно задавать элементы, которые идут не друг за другом? Эти блоки так сделаны, что у них несколько оберток, грубо говоря, div div div.green, вроде так же nth-child не работает?

[Testing Tester]

Ambal89: работает как угодно
пишешь например

div:nth-child(1) div.green {
css
}

и все.
Любая вложенность поддерживается

[Ambal89]

Огромное спасибо!