WordPress的循環不斷產生額外的開放和封閉格

Question

我想創建一個滑塊，其中有兩個div，然後關閉。現在我有一個櫃檯，如果帖子可以被兩個整除，它會關閉並打開一個新的div。不幸的是，它也打開和關閉一個空格。這裏是我的代碼：

<div id="brew-slider" class="global-width cycle-slideshow" data-cycle-fx="fade" data-cycle-timeout="0" data-cycle-slides="> div" data-cycle-pager=".cycle-pager" data-cycle-auto-height="container"> 
<?php 
    $args = array(
    'post_type' => 'beer', 
); 
    $beer_list = new WP_Query($args); 
    $post_counter = 1; 
    if($beer_list->have_posts()){ 
    ?> 
    <div class="brew-slide group"> 
    <?php 
    while($beer_list->have_posts()) { 
     $beer_list->the_post(); 
     $hops = get_post_meta($post->ID, 'hops', true); 
     $url = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID), 'full'); 
     $abv = get_post_meta($post->ID, 'abv', true); 
     $ibu = get_post_meta($post->ID, 'ibu', true); 
     $availability = get_post_meta($post->ID, 'availability', true); 
    ?> 
    <div class="col2-slide floatleft group"> 
     <img src="<?=$url[0]?>" alt="<?php the_title(); ?>"> 
     <div class="brew-content"> 
     <h3 class="brew-title"><?php the_title(); ?></h3> 
     <?php the_tags(); ?> 
     <?php the_content();?> 
     <p><strong>Hops:</strong> <?=$hops?></p> 
     <h3 class="green-box">ABV: <?=$abv?>%</h3> 
     <h3 class="green-box">IBU's: <?=$ibv?></h3> 
     <h4 class="green-box"><?=$availability?></h4> 
    </div> 
    </div> 
<?php 
    if($post_counter % 2 == 0) {echo '</div><div class="brew-slide group">';} 
    $post_counter++; 
    }//End While Loop 
?> 
    </div> 
<?php 
    }//End of If 
    else { 
?> 
    <p>Currently no beers listed</p> 
<?php 
    } 
    wp_reset_postdata(); 
?> 
</div> 

Answer 1

因此經過一些研究後，我能夠獨立完成。感謝所有想要幫助的人。這是我做過的答案。

      <?php 
           $args = array(
            'post_type' => 'beer', 
           ); 
           $beer_list = new WP_Query($args); 
           if($beer_list->have_posts()){ 
           ?> 
          <?php 
            while($beer_list->have_posts()) { 
             $beer_list->the_post(); 
             $hops = get_post_meta($post->ID, 'hops', true); 
             $url = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID), 'full'); 
             $abv = get_post_meta($post->ID, 'abv', true); 
             $ibu = get_post_meta($post->ID, 'ibu', true); 
             $availability = get_post_meta($post->ID, 'availability', true); 
             if($beer_list->current_post%2 == 0) echo "\n".'<div class="brew-slide group">'."\n"; 
            ?> 
          <div class="col2-slide floatleft group"> 
            <img src="<?=$url[0]?>" alt="<?php the_title(); ?>"> 
           <div class="brew-content"> 
            <h3 class="brew-title"><?php the_title(); ?></h3> 
            <?php the_tags(); ?> 
            <?php the_content();?> 
            <p><strong>Hops:</strong> <?=$hops?></p> 
             <h3 class="green-box">ABV: <?=$abv?>%</h3> 
             <h3 class="green-box">IBU's: <?=$ibv?></h3> 
             <h4 class="green-box"><?=$availability?></h4> 
           </div> 
          </div> 
           <?php 
             if($beer_list->current_post%2 == 1 || $beer_list->current_post == $beer_list->post_count-1) echo '</div>'."\n"; 
            } 
           ?> 
           <?php 
           } 
           else { 
           ?> 
           <p>Currently no beers listed</p> 
          <?php 
           } 
           wp_reset_postdata(); 
          ?> 

Answer 2

您應該檢查是否$post_counter甚至和這是不是最後一個職位。像這樣：

if($post_counter % 2 == 0 && $beer_list->have_posts()) 
    {echo '</div><div class="brew-slide group">';}