每2个帖子插入div而没有空div

Question

I'm pulling my hair out with this! The following code correctly inserts a div with row as the class every 2 posts. HOwever, when there's an even number of posts, it displays an extra empty div below. Can anyone help please?

Thanks!

    <div class="row">
    <?php
    $connected = new WP_Query( array(
    'connected_type' => '2-col-module_to_pages',
    'connected_items' => get_queried_object(),
    'nopaging' => true,
     ) );


 if ($connected->have_posts() ) : while ($connected->have_posts()) : $connected->the_post(); ?>
<div class="tile">
  <div class="wrapper">
    <div class="content">
        <h2><?php the_title();?></h2>
    </div>
 </div>
 </div>
   <?php $counter++;
  if ($counter % 2 == 0 ) {
        echo '</div><div class="row">';
        }
        endwhile; wp_reset_postdata(); endif; ?>
 </div>

Answer 1

By the time you fetched the last post you won't have any more; so you could ask again right before echoing the empty div:

$counter++;
if ($counter % 2 == 0 ) 
{
    if ( more_posts() )
    {
        echo '<div class="row"></div>'; // It was </div><div class="row"> which always left an open div
    }
}

You can add the more_posts() function to WordPress' functions.php file.

function more_posts() 
{
    global $wp_query;
    return $wp_query->current_post + 1 < $wp_query->post_count;
}

Note: This solution was takeng from WordPress' Codex at: http://codex.wordpress.org/Function_Reference/have_posts