Альтернативная компоновка петли

Я пытаюсь сделать альтернативный цикл, как здесь, на stackexchange, это была отличная помощь тому, что я достиг до сих пор, но сейчас я застрял.

Цель состоит в том, чтобы сделать эту новость

newslayout http://img.wordpressask.com/templates/newslayout.png

Dev-сайт вы можете найти по этому адресу: http://puurluc.xact.be/nieuws/

Большой блок, три небольших блока, а затем большой блок снова. Однако, когда у меня меньше 5 сообщений на странице, весь макет перепутался (см. Стр. 2 по ссылке выше), и я немного застрял в этом, поэтому я надеюсь найти здесь какую-то помощь 🙂

Я думаю, что я мог бы изменить вывод на col-md-6 или col-md-12, когда недостаточно сообщений, работая с if ($ wp_query-current_post …), но мне нужно выяснить, как лучше всего справиться с этим так что я не испортил первую страницу.

Во всяком случае, код index.php

<?php get_header(); ?> <section> <div class="container"> <div class="row"> <div class="col-md-8" id="fh5co-content"> <?php if( have_posts() ) { while( have_posts() ) { the_post(); get_template_part( 'content', 'nieuws' ); } }else{ ?> <p> <?php _e( 'Sorry, no posts matched your criteria.' ); ?> </p> <?php } ?> </div> <div class="col-md-3 col-md-offset-1" id="fh5co-sidebar"> <div class="fh5co-side-section fh5co-nav-links"> <h2 class="fh5co-uppercase-heading-sm">Side Links</h2> <ul> <li class="active"><a href="#">Design is the Creation</a></li> <li><a href="#">Construction of an Objecton</a></li> <li><a href="#">Architectural Blueprints</a></li> <li><a href="#">Circuit Diagrams</a></li> </ul> </div> <div class="fh5co-spacer fh5co-spacer-sm"></div> <div class="fh5co-side-section"> <h2 class="fh5co-uppercase-heading-sm">Sweet Little &lt;p&gt;</h2> <p>Magnam consectetur quia illo rerum aliquam doloremque omnis assumenda quasi enim ex totam provident dignissimos numquam laudantium</p> <p><a href="#">Go! click me</a></p> </div> <div class="fh5co-spacer fh5co-spacer-sm"></div> <div class="fh5co-side-section"> <h2 class="fh5co-uppercase-heading-sm">Image Magnific Popup</h2> <div class="fh5co-spacer fh5co-spacer-xxs"></div> <div class="row"> <div class="col-md-12"> <p><a href="images/project_5.jpg" class="image-popup"><img src="images/project_5.jpg" alt="Image" class="img-responsive"></a></p> </div> <div class="col-md-6"> <p><a href="images/project_6.jpg" class="image-popup"><img src="images/project_6.jpg" alt="Image" class="img-responsive"></a></p> </div> <div class="col-md-6"> <a href="images/project_7.jpg" class="image-popup"><img src="images/project_7.jpg" alt="Image" class="img-responsive"></a></p> </div> </div> </div> </div> </div> <div class="fh5co-spacer fh5co-spacer-md"></div> <?php if (function_exists("wp_bs_pagination")) { //wp_bs_pagination($the_query->max_num_pages); wp_bs_pagination(); } ?> </div> </section> <?php get_footer(); ?> 

Код моего новостного шаблона content-nieuws.php

 <?php //echo $wp_query->found_posts; //var_dump($wp_query);die(); >if( $wp_query-current_post == 0 ) : ?> <h2><?php the_title(); ?></h2> <div class="row"> <div class="col-md-6"> <p><?php the_excerpt(); ?></p> </div> <div class="col-md-6"> <p><?php the_excerpt(); ?></p> </div> <div class="col-md-12"> <p><a href="<?php the_permalink(); ?>" class="btn btn-primary btn-sm">Lees Meer</a></p> </div> </div> <div class="fh5co-spacer fh5co-spacer-sm"></div> <?php else : ?> <?php if($wp_query->current_post == 1) : ?> <div class="row"> <?php endif; ?> <?php if($wp_query->current_post == 4) : ?> <h2><?php the_title(); ?></h2> <div class="row"> <div class="col-md-6"> <p><?php the_excerpt(); ?></p> </div> <div class="col-md-6"> <p><?php the_excerpt(); ?></p> </div> <div class="col-md-12"> <p><a href="<?php the_permalink(); ?>" class="btn btn-primary btn-sm">Lees Meer</a></p> </div> </div> <?php else : ?> <div class="col-md-4 col-sm-6"> <div class="fh5co-spacer-xs"></div> <h3><?php the_title(); ?></h3> <p><?php the_excerpt(); ?></p> <p><a href="<?php the_permalink(); ?>" class="btn btn-primary btn-sm">Lees Meer</a></p> </div> <?php endif; ?> <?php if($wp_query->current_post == 3) : ?> </div> <?php endif; ?> <?php endif; ?> 

Надеюсь, кто-то может помочь мне с этим!

Для тех, кого это интересует, я решил проблему с помощью sizeof ($ wp-query-> posts)

Конечным результатом является шаблон content-news.php

 <?php //echo sizeof($wp_query->posts); //var_dump($wp_query);die(); if(sizeof($wp_query->posts) == 4) : ?> <?php if( $wp_query->current_post == 0 ) : ?> <h3><?php the_title(); ?></h3> <div class="row"> <div class="col-md-12"> <p><?php the_excerpt(); ?></p> <p><a href="<?php the_permalink(); ?>" class="btn btn-primary btn-sm">Lees Meer</a></p> </div> </div> <div class="fh5co-spacer fh5co-spacer-sm"></div> <?php else : ?> <?php if($wp_query->current_post == 1) : ?> <div class="row row-eq-height"> <?php endif; ?> <div class="col-md-4 col-sm-6"> <h3><?php the_title(); ?></h3> <p><?php the_excerpt(); ?></p> <div class="fh5co-spacer-xs"></div> <p class="bottom-align-text"><a href="<?php the_permalink(); ?>" class="btn btn-primary btn-sm">Lees Meer</a></p> </div> <?php if($wp_query->current_post == 3) : ?> </div> <?php endif; ?> <?php endif; ?> <?php elseif(sizeof($wp_query->posts) == 3) : ?> <?php if( $wp_query->current_post == 0 ) : ?> <h3><?php the_title(); ?></h3> <div class="row"> <div class="col-md-12"> <p><?php the_excerpt(); ?></p> <p><a href="<?php the_permalink(); ?>" class="btn btn-primary btn-sm">Lees Meer</a></p> </div> </div> <div class="fh5co-spacer fh5co-spacer-sm"></div> <?php else : ?> <?php if($wp_query->current_post == 1) : ?> <div class="row row-eq-height"> <?php endif; ?> <div class="col-md-6 col-sm-6"> <h3><?php the_title(); ?></h3> <p><?php the_excerpt(); ?></p> <div class="fh5co-spacer-xs"></div> <p class="bottom-align-text"><a href="<?php the_permalink(); ?>" class="btn btn-primary btn-sm">Lees Meer</a></p> </div> <?php if($wp_query->current_post == 2) : ?> </div> <?php endif; ?> <?php endif; ?> <?php elseif(sizeof($wp_query->posts) == 1 || sizeof($wp_query->posts) == 2) : ?> <h3><?php the_title(); ?></h3> <div class="row"> <div class="col-md-12"> <p><?php the_excerpt(); ?></p> <p><a href="<?php the_permalink(); ?>" class="btn btn-primary btn-sm">Lees Meer</a></p> </div> </div> <div class="fh5co-spacer fh5co-spacer-sm"></div> <?php else : ?> <?php if( $wp_query->current_post == 0 ) : ?> <h3><?php the_title(); ?></h3> <div class="row"> <div class="col-md-12"> <p><?php the_excerpt(); ?></p> <p><a href="<?php the_permalink(); ?>" class="btn btn-primary btn-sm">Lees Meer</a></p> </div> </div> <div class="fh5co-spacer fh5co-spacer-sm"></div> <?php else : ?> <?php if($wp_query->current_post == 1) : ?> <div class="row row-eq-height"> <?php endif; ?> <?php if($wp_query->current_post == 4) : ?> <h3><?php the_title(); ?></h3> <div class="row"> <div class="col-md-12"> <p><?php the_excerpt(); ?></p> <p><a href="<?php the_permalink(); ?>" class="btn btn-primary btn-sm">Lees Meer</a></p> </div> </div> <?php else : ?> <div class="col-md-4 col-sm-6"> <h3><?php the_title(); ?></h3> <p><?php the_excerpt(); ?></p> <div class="fh5co-spacer-xs"></div> <p class="bottom-align-text"><a href="<?php the_permalink(); ?>" class="btn btn-primary btn-sm">Lees Meer</a></p> </div> <?php endif; ?> <?php if($wp_query->current_post == 3) : ?> </div> <div class="fh5co-spacer fh5co-spacer-sm"></div> <?php endif; ?> <?php endif; ?> <?php endif; ?>