Как разместить сообщения с разными классами в Wordpress?

Question

У меня такой макет в моем HTML-файле.

HTML

<div class="section"> 
    <div class="left title "> 
     <!--content1--> 
    </div> 
    <div class=" middle"> 
     <!--content2--> 
    </div> 
    <div class=" right tiles"> 
     <!--content3--> 
    </div> 
</div> 

<div class="section"> 
    <div class="left title "> 
     <!--content1--> 
    </div> 
    <div class=" middle"> 
     <!--content2--> 
    </div> 
    <div class=" right tiles" 
     <!--content3--> 
    </div> 
</div> 

Как я могу использовать цикл WP повторить ту же последовательность? Мне нужно, чтобы всякий раз, когда пользователь хочет публиковать сообщения, пользователь имеет возможность (выбор) публиковать 3 сообщения с разными классами в одной строке с class="section". Пожалуйста, специалисты WP помогут!

Answer 1

Самый простой способ для достижения этой цели было бы просто дать всем дивы в пределах секции того же класса и различать стили с помощью п-го ребенка или п-о-типа CSS селекторы. Вы могли бы затем подстроить каждый div соответственно. например:

:first-of-type { 
//left styles here 
} 

:nth-of-type(2) { 
//middle styles here 
} 

:last-of-type { 
//right styles here 
}