0

WordPressでオンラインマガジンを作ろうとしています。すべての投稿が異なる列に表示されます。1 列目の最初の投稿は最新の投稿、2 列目は最後から 2 番目、3 列目は最後から 3 番目というように続きます。これを行う最善の方法は何ですか？ポスト同士の隙間をなくしたいので、ぴったりとくっついていて見栄えがいいです。私は-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>
4

1 に答える 1

1

に追加float: left;し#wrapper #columns .col、次のルールも追加します。

.col:nth-child(3n+1) {
    clear: left;
}
于 2012-09-11T19:02:02.710 に答える