У меня есть проблема, когда я получаю сообщения WordPress месяц за месяцем, но мне не хватает чего-то очевидного, где это немного портит мой макет. Я использую сетку 996 для своего макета.
НЕОБХОДИМОСТЬ:
Я получаю все сообщения в марте 2013 года и хочу разместить их внутри, поэтому 3 сообщения сложены, как на скриншоте A.
Мой код ниже:
<div class="container clearfix" style="background:yellow;">
<div class="grid_12" style="background:blue;">
<?php
$blogtime = date('Y');
$prev_limit_year = $blogtime - 1;
$prev_month = '';
$prev_year = '';
$args = array(
'posts_per_page' => 20,
'ignore_sticky_posts' => 1
);
$postsbymonth = new WP_Query($args);
while($postsbymonth->have_posts()) {
$postsbymonth->the_post();
if(get_the_time('F') != $prev_month || get_the_time('Y') != $prev_year && get_the_time('Y') == $prev_limit_year) {
echo "<h2>".get_the_time('F, Y')."</h2>\n\n";
}
?>
</div>
<div class="grid_4" style="background:red;">
<article id="post-<?php the_ID(); ?>" role="article" itemscope itemtype="http://schema.org/BlogPosting">
<a href="<?php the_permalink(); ?>"><?php the_post_thumbnail('standard-thumb'); ?></a>
<h3><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h3>
</article>
</div>
<?php
$prev_month = get_the_time('F');
$prev_year = get_the_time('Y');
}
?>
</div> <!-- END OF CONTAINER -->
ПРОБЛЕМА:
С приведенным выше кодом каждый отдельный экземпляр grid_4 находится вне контейнера, КРОМЕ первого. См. снимок экрана B
Как я могу убедиться, что все элементы div grid_4 включены в контейнер?
Я попытался переместить div, который не работает, я думаю, что мне не хватает чего-то фундаментального в запросе.