Как вывести данные из базы в виде зигзаг динамический в wordpress?

Question

[Sama Samsonov]

Есть вот такой верстка

<div class="col-sm-12 col-md-12">

            <div class="col-sm-8 col-md-8">
                  <a class="" href="#"> <img src="event_2.jpg" class="img-responsive" />  </a>
                  <div class="com-sm-8 col-md-8">
                      <p>Давно выяснено, что при оценке дизайна и композиции читаемый текст мешает</p>
                  </div>
                  <div class="com-sm-4 col-md-4">
                      <div class="col-xs-12 col-md-6">
                          <p>18.12.17</p>
                      </div>
                      <div class="col-xs-12 col-md-6">
                          <p>#Read more</p>
                      </div>
                  </div>
              </div>
           <div class="col-sm-4 col-md-4">
                  <a class="" href="#"> <img src="event_2.jpg" class="img-responsive" />  </a>
                      <p>Давно выяснено, что при оценке дизайна и композиции читаемый</p>
                      <div class="row">
                          <div class="col-xs-12 col-md-4">
                              <p>18.12.17</p>
                          </div>
                          <div class="col-xs-12 col-md-4">
                              <p>Read more</p>
                          </div>
                      </div>
            </div>

           <div class="col-sm-4 col-md-4">
                  <a class="" href="#"> <img src="event_2.jpg" class="img-responsive" />  </a>
                      <p>Давно выяснено, что при оценке дизайна и композиции читаемый</p>
                      <div class="row">
                          <div class="col-xs-12 col-md-4">
                              <p>18.12.17</p>
                          </div>
                          <div class="col-xs-12 col-md-4">
                              <p>Read more</p>
                          </div>
                      </div>
            </div>
            <div class="col-sm-8 col-md-8">
                  <a class="" href="#"> <img src="event_2.jpg" class="img-responsive" />  </a>
                  <div class="com-sm-8 col-md-8">
                      <p>Давно выяснено, что при оценке дизайна и композиции читаемый текст мешает</p>
                  </div>
                  <div class="com-sm-4 col-md-4">
                      <div class="col-xs-12 col-md-6">
                          <p>18.12.17</p>
                      </div>
                      <div class="col-xs-12 col-md-6">
                          <p>#Read more</p>
                      </div>
                  </div>
              </div>

              <div class="col-sm-12 col-md-12 text-center">
                <button>Ещё новости</button>
              </div>
    </div>

Как мне это в цикл положить ?
Возможно ли вывести в цикле чтобы было динамически ?

Comments

[Максим Осадчий]

https://codex.wordpress.org/The_Loop

Answer 1

[zudogav]

В Цикл вывода постов добавить чередование блоков. Например, в зависимости от четности/нечетности. Или завести переменную и менять её.

Что-то типа:

//перед началом цикла
$block_long=true; 
$line_numb=0;

//вывод в цилке
if(($line_numb % 2) == 0){  //если четное
  if ($block_long) {
   //вывод широкого блока
   $block_long=false;
  } else {
   //вывод короткого блока
   $block_long=true;
   $line_numb++;
  }
} else { //если нечетное
  if ($block_long) {
   //вывод короткого блока
   $block_long=false;
  } else {
   //вывод широкого блока
   $block_long=true;
   $line_numb++;
  }  
}

Там где вывод блока можно менять значение переменной и вставлять её потом в класс.