wordpress - 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;
}