wordpress - wordpress の 2 列レスポンシブ レイアウト

Question

wordpress で 2 列のレイアウトを使用することは可能ですか? 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;
}