Как сложить посты WordPress в 3 отдельных столбца с помощью PHP? ⇐ Jquery

[Anonymous]

Я пытаюсь выяснить, как складывать посты в три отдельных столбца, используя PHP, я провел много исследований по этому вопросу, но не могу найти много информации о том, как это сделать. < /p>

Вот изображение дизайна, которую я пытаюсь достичь: https://i.sstatic.net/qyqmi.jpgобразное.














< /code>

Но это то, как я хочу, чтобы код был выводом: https://jsfiddle.net/wrpuu7wh/ < /p>


$('.testimonial-text:odd').addClass("testimonial-text-opposite");< /code>
.col-md-12 {
width: 100%;
float: left;
}

.col-md-4 {
width: 33.33333333%;
float: left;
}

.testimonial-background {
margin-top: 0;
margin-bottom: 20px;
padding-left: 20px;
}

.testimonial-text {
color: #fff;
background-color: #4E0B1C;
padding-top: 20px;
padding-left: 20px;
padding-bottom: 20px;
padding-right: 40px;
}

.testimonial-text-opposite {
color: #4E0B1C;
background-color: #fff;
border: 1px solid #4E0B1C;
}< /code>










Lorem ipsum dolor sit amet, consectetur adipiscingelit.
Post 1









Lorem ipsum dolor sit amet, consectetur adipiscingelit. Nam velit dolor, tincidunt cursus nisl eget, auctor vehicula sem. Aliquam eget nunclacinia, pulvinar erat eget, finibus mauris.
Post 4









Lorem ipsum dolor sit amet, consectetur adipiscingelit. Nam velit dolor, tincidunt cursus nisl eget, auctor vehicula sem. Aliquam eget nunclacinia, pulvinar erat eget, finibus mauris.
Post 7











Lorem ipsum dolor sit amet, consectetur adipiscingelit. Nam velit dolor, tincidunt cursus nisl eget, auctor vehicula sem. Aliquam eget nunclacinia, pulvinar erat eget, finibus mauris.
Lorem ipsum dolor sit amet, consectetur adipiscingelit. Nam velit dolor, tincidunt cursus nisl eget, auctor vehicula sem. Aliquam eget nunclacinia, pulvinar erat eget, finibus mauris.
Post 2









Lorem ipsum dolor sit amet, consectetur adipiscingelit. Nam velit dolor, tincidunt cursus nisl eget, auctor vehicula sem. Aliquam eget nunclacinia, pulvinar erat eget, finibus mauris.
Post 5









Lorem ipsum dolor sit amet, consectetur adipiscingelit. Nam velit dolor..
Post 8











Lorem ipsum dolor sit amet, consectetur adipiscingelit. Nam velit dolor, tincidunt cursus nisl eget, auctor vehicula sem. Aliquam eget nunclacinia, pulvinar erat eget, finibus mauris.
Lorem ipsum dolor sit amet, consectetur adipiscingelit. Nam velit dolor, tincidunt cursus nisl eget, auctor vehicula sem. Aliquam eget nunclacinia, pulvinar erat eget, finibus mauris.
Post 3









Lorem ipsum dolor sit amet, consectetur adipiscingelit. Nam velit dolor, tincidunt cursus nisl eget, auctor vehicula sem. Aliquam eget nunclacinia, pulvinar erat eget, finibus mauris.
Post 6









Lorem ipsum dolor sit amet, consectetur adipiscingelit. Nam velit dolor, tincidunt cursus nisl eget, auctor vehicula sem. Aliquam eget nunclacinia, pulvinar erat eget, finibus mauris.
Post 9





< /code>
< /div>
< /div>
< /p>

Это стандартная страница блога и не использует каких -либо пользовательских типов публикаций. < /p>

Любая справка будет очень признателен.




Подробнее здесь: https://stackoverflow.com/questions/500 ... -using-php