wordpress两列响应式布局

Question

是否可以在wordpress中使用两列布局？我一直在尝试使用float：left;使用css构建它。但我似乎无法让它在循环中工作：（

以前有人这样做过吗？

Answer 1

这应该有所帮助，按此顺序列出帖子 -

1  2
3  4
5  6

但是，如果你想要如下，那么将需要一些调整 -

1  4
2  5
3  6

这是PHP -

<?php
$i = 0;
if(have_posts()) : while(have_posts()) : the_post();
?>

    <div id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
        <!-- Enter whatever code you want for your display here -->
    </div>

    <?php $i++ ?>
    <?php if($i % 2 === 0) : ?>
        <div class="clear"></div>
    <?php endif; ?>

<?php
    endwhile;
endif;
?>

一些基本的CSS（如果选择器.post过于通用，则根据需要进行更改） -

.post{
    float: left;
    max-width: 50%;
    padding: 10px;
}
.clear{
    clear: both;
}