每隔3个帖子添加div

时间:2016-04-01 17:01:10

标签: php css wordpress

这是我目前的代码:

<?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做这件事,无论什么是最好的。

非常感谢任何帮助。

2 个答案:

答案 0 :(得分: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()) : 
    $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; 
?>

答案 1 :(得分:0)

你可以尝试:

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