每 3 个帖子后添加 div答案

【问题标题】：Add div after every 3 posts每 3 个帖子后添加 div
【发布时间】：2016-04-02 01:28:27
【问题描述】：

这是我当前的代码：

<?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; 
?>

这基本上是在页面下方连续重复课程。但是，在每 3 次之后，我想添加以下内容：

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

我知道如何使用 foreach 语句来做到这一点，但这是针对 WordPress 主题的，看起来需要一些不同的东西。

我可以用 PHP 或 CSS 做这件事，不管是最好的。

任何帮助将不胜感激。

【问题讨论】：

如果可以使用foreach 完成，则可以使用while 完成相同的操作。使用从 0 开始的计数器变量，并在循环开始时将其递增。如果变量等于 3，则将其重置为 0 并插入 div。

标签： php css wordpress

【解决方案1】：

这很简单

<?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; 
?>

【讨论】：

完美运行！当它允许我时，我会在 4 分钟内接受答案。非常感谢！
电脑问题发生在我们最好的人身上：D

【解决方案2】：

你可以试试：

<?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; 
?>

【讨论】：