Добавить div в каждую строку в цикле

Question

Я пытаюсь запросить изображения, которые будут отображаться на главной странице веб-сайта WordPress.

Я хочу, чтобы конечный результат, чтобы выглядеть следующим образом -

я могу получить пролеты, чтобы показать правильно, но я понятия не имею, как добавить класс Bootstrap в «строка» для каждой строки.

Вот то, что я до сих пор -

Любая помощь приветствуется.

Спасибо!

$args = array('post_type' => 'video', 'posts_per_page' => 10,); 

$the_query = new WP_Query($args); 

echo '<section id="our-work">'; 

if ($the_query->have_posts()) : while ($the_query->have_posts()) : $the_query->the_post(); 

    $counter += 1; 

    if($counter == 4 || $counter == 5 || $counter == 9 || $counter == 10) : 

    echo '<div class="span6">'; 
    the_post_thumbnail();; 
    echo '</div>'; 

    else: 

    echo '<div class="span4">'; 
    the_post_thumbnail(); 
    echo '</div>'; 

    endif; 


endwhile; endif; 

echo '</section>'; 

Answer 1

Существует определенно более элегантный способ сделать это ... но это должно сработать.

$args = array('post_type' => 'video', 'posts_per_page' => 10,); 

$the_query = new WP_Query($args); 

echo '<section id="our-work">'; 

if ($the_query->have_posts()) : while ($the_query->have_posts()) : $the_query->the_post(); 
    $counter += 1; 

    if ($counter == 1 || $counter == 4 || $counter == 6 || $counter == 9) { 
     echo '<div class="row">'; 
    } 

    if($counter == 4 || $counter == 5 || $counter == 9 || $counter == 10) : 

    echo '<div class="span6">'; 
    the_post_thumbnail(); 
    echo '</div>'; 

    else: 

    echo '<div class="span4">'; 
    the_post_thumbnail(); 
    echo '</div>'; 

    endif; 

    if ($counter == 3 || $counter == 5 || $counter == 8 || $counter == 10) { 
     echo '</div>'; 
    } 

endwhile; endif; 

echo '</section>'; 

Answer 2

Нет сомнений в том, что может быть написано по-разному - или лучше по этому вопросу, но это должно сделать трюк :)

if($counter % 3 == 0) { 
    $current_class = "span6"; 
} else { 
    $current_class = "span4"; 
} 

// your stuff here 
echo '<div class="'.$current_class.'">';