php - Wordpress：对列中的帖子进行排序的最佳方法

Question

我正在尝试在 WordPress 中制作在线杂志。每个帖子都显示在不同的列中。第一栏的第一个是最新发布的，第二栏是倒数第二个，第三栏是倒数第三个，依此类推。最好的方法是如何做到这一点？我想防止帖子之间的任何间隙，所以它们完美地相互跟随，看起来不错。我已经尝试过 -moz-column 的东西，它工作正常，但是帖子不是按日期排序的，只是 CSS 发现它适合显示帖子的方式。有没有办法我可以做到这一点？

你可以在这里查看我的博客的实时预览。

到目前为止：CSS

#wrapper #columns {
}
#wrapper #columns .col {
    width: 360px;
    background: red;
}

PHP：

<div id="columns" class="clearfix">
    <?php 
        query_posts('posts_per_page=9' . '&orderby=date'); 
        while ( have_posts() ) : the_post(); 
    ?>
    <div class="col">
        <div class="reader-look">
            <a href="<?php the_permalink(); ?>"><h1><?php the_title(); ?></h1>
            <?php if ( has_post_thumbnail() ) {
                the_post_thumbnail();
            } 
            ?> 
            <div class="clearfix"><tag>Blogger Outfit For dagen</tag></div>
            </a>
        </div>
    </div>
    <?php 
        endwhile;
        // Reset Query
        wp_reset_query(); 
    ?>
</div>

Answer 1

添加float: left;并#wrapper #columns .col添加此规则：

.col:nth-child(3n+1) {
    clear: left;
}