Split loop into columns

时间:2014-07-13 作者:user56498

我正在尝试将循环拆分为4列。我的逻辑有很大的缺陷,我的布局也有问题。这么简单的问题,但我正在努力解决。

我基本上需要将每组四根柱子包装在一个容器“行”分区中。当然,剩下的任何柱子,即使少于四根,也要进行包装。

<div class="twelve columns">    
    <?php 
     $i = 0; 
     if (have_posts() ) : while ( have_posts() ) : the_post(); 
        if ($i == 0) { echo \'<div class="row">\'; }
        if ($i%4== 0) { echo \'</div><div class="row">\'; } ?>

        <div class="three columns">
            <?php the_post_thumbnail(); ?>
            <h3>Title</h3>
        </div>

        <?php 
         if ( $i%4 == 0) { 
           echo \'</div>\'; 
         } 
         $i++; 

        endwhile; endif; ?>

    </div>
我也在stackoverflow上发布了这个,但没有回复。有什么建议可以解决我的问题吗?

1 个回复
最合适的回答,由SO网友:vguerrero 整理而成

尝试以下操作:

<div class="all-posts">
   <div class="post-group>
      <?php $i = 0;
      if (have_posts() ) : while ( have_posts() ) : the_post();
         if ($i%4 == 0) echo \'</div><div class="post-group">\'; ?>
         <div class="post">
            <?php the_title(); ?>
         </div>
         <?php $i++;
      endwhile; endif; ?>
   </div><!-- end post-group -->
</div><!-- end all-posts -->
您的代码是以4的倍数关闭、打开和关闭div。无论如何,我猜这一切都是关于布局的,所以你应该只能用CSS找到更好的解决方案。

结束

相关推荐

The loop does not show users

我想展示所有帖子​​作者。代码作者。php<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?> <?php if( get_post_type() == \'post\' ) {?> <?php } if( get_post_type() == \'post-type\' ) {?> <?php } else; endwhile;?>