記事を決められた数毎にタグ(div等)で囲み、class名の数字をループで１つず

  • acrnym

    (@acrnym)


    9年、 9ヶ月前

    記事を一覧で並べ、それを5件毎に<div class=”group数”></div>で囲い、groupが１つ増える毎に数を1つずつ増やそうとしています。グループを10個まで作ろうと思い、for文を使ってやっているのですがうまくいきません。

    <?php $post_count = 1; echo '<div id="group">' . "\n"; ?>
<?php if(have_posts()): while(have_posts()): the_post(); ?>
<?php
for ($i = 0; $i < 10 && $post_count % 5 == 1 && $post_count != 1; $i++) {
  if ($post_count % 5 != 1) {
  }
     echo '</div>' . "\n" . '<div id="group' . $i . '">' . "\n";
} ?>
　<div class="entry">
　　<a href="<?php the_permalink(); ?>">
　　　<?php the_post_thumbnail(); ?>
　　　<h5><?php the_title( ); ?></h5>
　　</a>
　</div>

<?php $post_count++; ?>
<?php endwhile; ?>
<?php echo '</div>' . "\n"; ?>
<?php else : ?>
<?php endif; ?>

    試したコードは上記で、結果が下記のように出力されてしまいます。

    <div class="group">1~5件目の.entry</div>
<div class="group0">空</div>
<div class="group1">空</div>
<div class="group2">空</div>
・
・
・
<div class="group8">空</div>
<div class="group9">6~10件目の.entry</div>
<div class="group0">空</div>
<div class="group1">空</div>
<div class="group2">空</div>
・
・
・
<div class="group8">空</div>
<div class="group9">11~15件目の.entry</div>
・
・
・

    どのようにすればいいのでしょうか。良い方法ありましたら教えて頂けると幸いです。
    参考にしたもの

1件の返信を表示中 - 1 - 1件目 (全1件中)
  • nobita

    (@nobita)

    9年、 9ヶ月前

    こんにちは

    PHPだけで書くと、なぜこのような出力になっているのかがわかると思います。

    $dummy_posts = array( 'aa', 'bb', 'cc', 'dd', 'ee', 'ff', 'gg', 'hh', 'ii', 'jj' );

while ( list( $key, $post ) = each( $dummy_posts ) ) {

	for ( $i = 0; $i < 10 && $key % 5 == 1 && $key !== 1; $i++ ) {
		echo $i;
	}

	echo "---$post---";
}

    この結果は、

    ---aa------bb------cc------dd------ee------ff---0123456789---gg------hh------ii------jj---

    のようになると思います。

    つまり、whileの6回目のループで、余りは１、1でもありませんから、0-9迄10回ループする事になります。

    なので、for文を使わない方法を考えるといいと思います。

1件の返信を表示中 - 1 - 1件目 (全1件中)
  • トピック「記事を決められた数毎にタグ(div等)で囲み、class名の数字をループで１つず」には新たに返信することはできません。