循环内的砖石布局

时间:2015-10-12 作者:localhost

在某种程度上,我试图进行自定义查询。它工作得很好。但我无法让它工作的地方是,每3篇文章之后就中断,做同样的事情(print div.row)并运行相同的循环,目前,我的代码似乎只输出3个奇数的文章,而我希望它在每3篇文章之后中断。

if ($news->have_posts() ) : while ($news->have_posts() ) : $news->the_post();
    //$value = $news->current_post;
echo "<div class=\'col-lg-4\'>";
    if($value % 3 == 0){
        ?>

                        <div class="height <?php foreach(get_the_category() as $category) { echo $category->slug . \' \';} ?>">
                        <div class="text">
                                <h5><?php the_time(\'F jS, Y\'); ?></h5>
                                <h4><a href=""><?php the_title(); ?></a></h4>
                            <?php the_excerpt(); ?>
                        </div>
                    </div>


    <?php 
    //$i++;
    //print($value);
}
echo "</div>";
endwhile; endif;
编辑:我的布局有什么不同,它应该在独立的行中,如中所示bootly, 更像谷歌卡片布局。

2 个回复
SO网友:Thunder

试试这个。我不确定它是否适用于共济会的布局。但它会让您了解如何在循环中生成行和列。

if ($news->have_posts() ) : while ($news->have_posts() ) : $news->the_post();
    //$value = $news->current_post;

    if($value % 3 == 0){
        ?>
      <div class="row">                 
        echo "<div class=\'col-lg-4\'>";

                        <div class="height <?php foreach(get_the_category() as $category) { echo $category->slug . \' \';} ?>">
                        <div class="text">
                                <h5><?php the_time(\'F jS, Y\'); ?></h5>
                                <h4><a href=""><?php the_title(); ?></a></h4>
                            <?php the_excerpt(); ?>
                        </div>
                    </div>


    <?php 
    //$i++;
    //print($value);
}
echo "</div>";
if($value % 3 !== 0){
echo "<div class=\'col-lg-4\'>";
echo "</div">
}
endwhile; endif;

SO网友:Tony Djukic

使用CSS和display:flex - 我认为你不需要把你的圈分成三个。

相关推荐

无法在模板函数.php中使用IS_HOME

我试图在标题中加载一个滑块,但只在主页上加载。如果有帮助的话,我正在使用Ultralight模板。我正在尝试(在template functions.php中)执行以下操作:<?php if ( is_page( \'home\' ) ) : ?> dynamic_sidebar( \'Homepage Widget\' ); <?php endif; ?> 但这行不通。现在,通过快速的google,我似乎需要将请