div hinzufügen nach jeweils 3 Beiträgen

Question

Hier ist mein aktueller Code:

<?php 
$mvp_posts_num = esc_html(get_option('mvp_posts_num')); 
$paged = (get_query_var('paged')) ? get_query_var('paged') : 1; 
query_posts(array('posts_per_page' => $mvp_posts_num, 'paged' => $paged)); 
if (have_posts()) : 
    while (have_posts()) : the_post(); 
?> 
    <li class="infinite-post"> 
     This is where post summaries will be displayed. 
    </li> 
<?php 
    endwhile; 
endif; 
?> 

Dies ist die Klasse kontinuierlich auf der Seite im Grunde wiederholen. Doch nach jedem 3, möchte ich dies hinzufügen:

<div class="post-info-name left relative"></div> 

Ich weiß, wie dies mit foreach Aussagen zu tun, aber das ist für ein Thema Wordpress und es sieht aus wie es ist etwas ein bisschen anders, was gebraucht wird.

Ich bin okay, dies mit PHP oder CSS zu tun, was auch immer das Beste ist.

Jede Hilfe würde sehr geschätzt werden.

Answer 1

Das ist ziemlich einfach

<?php 
$mvp_posts_num = esc_html(get_option('mvp_posts_num')); 
$paged = (get_query_var('paged')) ? get_query_var('paged') : 1; 
query_posts(array('posts_per_page' => $mvp_posts_num, 'paged' => $paged)); 
if (have_posts()) : 
    $x = 0; 
    while (have_posts()) : the_post(); 
?> 
     <li class="infinite-post"> 
      This is where post summaries will be displayed. 
     </li> 

<?php 
     $x++; 

     if ($x == 3) : 
      echo '<div class="post-info-name left relative"></div>'; 
      $x = 0; 
     endif;  
    endwhile; 
endif; 
?> 

Answer 2

Sie könnten versuchen:

<?php 
$mvp_posts_num = esc_html(get_option('mvp_posts_num')); 
$paged = (get_query_var('paged')) ? get_query_var('paged') : 1; 
query_posts(array('posts_per_page' => $mvp_posts_num, 'paged' => $paged)); 
if (have_posts()) : 
    $loopCount = 0; 
    while (have_posts()) : the_post(); ?> 
    <li class="infinite-post"> 
     This is where post summaries will be displayed. 
    </li> 
    <?php 
     $loopCount++; 
     if ($loopcount > 2) : 
      $loopcount = 0; 
      echo '<div class="post-info-name left relative"></div>'; 
     endif; 
    endwhile; 
    endif; 
?>