Wordpress 将每 2 个帖子包装在一个 div 中

Question

我正在尝试将每 2 个帖子包装在一个 div "row-fluid" 中现在我的 HTML 如下所示......

 <div class="row-fluid">
   <div class="odd-post span6"></div>
   <div class="even-post span6"></div>
   <div class="odd-post span6"></div>
   <div class="even-post span6"></div>
 </div>  

我希望它看起来像这样......

 <div class="row-fluid">
   <div class="odd-post span6"></div>
   <div class="even-post span6"></div>
 </div>
 <div class="row-fluid">
   <div class="odd-post span6"></div>
   <div class="even-post span6"></div>
 </div> 

这是我用来生成它的 php，但我认为因为我在循环之外计算它并没有按照我想要的方式呈现。

                <?php
                    $count = 0;
                    if(have_posts()) : while(have_posts()) : the_post();
                        $open = !($count%2) ? '<div class="row-fluid">' : '';
                        $close = !($count%2) && $count ? '</div>' : '';
                    echo $close.$open;
                ?>


                <!--Custom Post Type Boilerplate-->
                <?php

                $args = array( 'post_type' => 'mysite_team', 'posts_per_page' => 10 );
                $loop = new WP_Query( $args );
                while ( $loop->have_posts() ) : $loop->the_post();

                    echo '<div ';
                        $even_odd = (++$j % 2 == 0) ? 'featured-image-wrapper-even-post span6' : 'featured-image-wrapper-odd-post span6'; post_class( $even_odd );
                    echo '>';

                    echo '<h1>';
                    echo '<a href="';
                        the_permalink();
                    echo '">';
                        the_title();
                    echo '</a></h1>';


                    echo '<div class="featured-image alignleft">';
                    echo '<a href="';
                        the_permalink();
                    echo '">';
                        the_post_thumbnail('team-thumbnail-size');
                    echo '</a>';
                    echo '</div>';


                    echo '<div class="entry-content">';
                        the_excerpt();
                    echo '<p><a href="';
                        the_permalink();
                    echo '"><i>Read More';
                    echo '</i></a></p>';
                    echo '</div>';

                    echo '</div>';

                endwhile;

                ?>

                <?php
                    $count++;
                    endwhile;
                    else :
                ?>
                <?php endif; ?>
                <?php echo $count ? '</div>' : ''; ?>

当我开始看到圆圈并感到困惑时，任何帮助将不胜感激。 谢谢！

Answer 1

抱歉，我会避免使用额外的 div 容器。你可以用纯 CSS 解决这个问题。

.row-fluid:nth-child(odd) {
// Some code
}
.row-fluid:nth-child(even) {
// Some code
}
.span6 {
width:50%;
display:inline-cell;
float: left;
}