0

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

私は円を見て混乱し始めているので、どんな助けもいただければ幸いです。ありがとうございました！

4

1 に答える 1

0

申し訳ありませんが、余分なdivコンテナは避けます。これは純粋なCSSで解決できます。

.row-fluid:nth-child(odd) {
// Some code
}
.row-fluid:nth-child(even) {
// Some code
}
.span6 {
width:50%;
display:inline-cell;
float: left;
}
于 2013-03-14T20:00:04.373 に答える