divが3つ並ぶループについて
-
投稿記事のアーカイブページにて。
①<div class=”left”,”center”,”right”>をそれぞれ出力したら</div><!– /.col3Box –>で閉じる
②また新たに<div class=”col3Box”>を出力して①の処理を行う
これを繰り返す構文が分からずにいます。下記のように出力したいです。
<div class=”col3Box”>
<div class=”left”>
<div class=”workBox”>
ここに本文(the_contentとか)
</div><!– / .workBox –>
</div><!– / .left –><div class=”center”>
<div class=”workBox”>
ここに本文(the_contentとか)
</div><!– / .workBox –></div>
</div><!– / .center –><div class=”right”>
<div class=”workBox”>
ここに本文(the_contentとか)
</div><!– / .workBox –>
</div><!– / .right –>
</div><!– / .col3Box –><div class=”col3Box”>
<div class=”left”>
<div class=”workBox”>
ここに本文(the_contentとか)
</div><!– / .workBox –>
</div><!– / .left –>個別では次の構文で出力できました。
</div><!– /.col3Box –>で閉じて、新たに<div class=”col3Box”>を出力<?php if (have_posts()) : ?> <?php $post_count = 1; echo '<div class="col3Box">' . "\n"; ?> <?php while (have_posts()) : the_post(); ?> <?php if ( $post_count % 3 == 1 && $post_count != 1 ) { echo '</div>' . "\n" . '<div class="col3Box">' . "\n"; } ?> <?php $post_count++; ?> <?php endwhile; ?> <?php echo '</div>' . "\n"; ?> <?php else : ?> <?php endif; ?>
<div class=”left”,”center”,”right”をそれぞれ出力>
<?php $box_name=array( 'left', 'center' , 'right' ); $cnt = 0; ?> <?php if (have_posts()) : ?> <?php while (have_posts()) : the_post(); ?> <?php $chk = $cnt % 3; ?> <div class="<?php echo $box_name[$chk]; ?>"> ここに本文(the_content) </div> <?php $cnt++; ?> <?php endwhile; ?> <?php endif; ?>
これらを繋げて、または別の方法でも構わないので求める形を出力したいです。
アドバイスをお願いいたします。
- トピック「divが3つ並ぶループについて」には新たに返信することはできません。