показывать новости с картинками 3 маленьких и один большой (цикл)

Я пытаюсь поставить 4 новости с картинками 3 маленьких и один большой, они отображали их, но «большой» повторяется с последним «маленьким»,

введите описание изображения здесь

<?php $b=1; $args = array( 'tax_query' => array( array( 'taxonomy' => 'gens', 'field' => 'slug', 'terms' => 'newsgen' ) ), 'post_type'=>'', //add your post type name 'posts_per_page' => 4, 'orderby' => 'asc', ); query_posts($args); while ( have_posts() ) : the_post(); ?> <?php if($b%4==1 && $b==1) : ?> <div id="news-big"> <?php $image_url = catch_that_image(); $image = thumb($image_url, 209, 97); ?> <a href="<?php the_permalink(); ?>"> <img src="<?php echo $image['url']; ?>"/></a> </div> <?php endif; ?> <a href="<?php the_permalink(); ?>"><div class="news-small"> <div class="container-small"> <?php $image_url = catch_that_image(); $image = thumb($image_url, 136, 75); ?> <a href="<?php the_permalink(); ?>"> <img src="<?php echo $image['url']; ?>"/></a> </div> <!-- End Thumb Container --> <?php $b++; endwhile; wp_reset_query(); ?> 

Solutions Collecting From Web of "показывать новости с картинками 3 маленьких и один большой (цикл)"

Я не знаю, почему вы положили условие $b%4==1 .

Вы можете просто проверить на $b==1 И еще одна вещь, которую я хотел бы предложить, – это использовать, если и другое оба. Такой код будет примерно таким:

  <?php $b=1; $args = array( 'tax_query' => array( array( 'taxonomy' => 'gens', 'field' => 'slug', 'terms' => 'newsgen' ) ), 'post_type'=>'', //add your post type name 'posts_per_page' => 4, 'orderby' => 'asc', ); query_posts($args); while ( have_posts() ) : the_post(); ?> <?php if($b==1) : //change in condition ?> <div id="news-big"> <?php $image_url = catch_that_image(); $image = thumb($image_url, 209, 97); ?> <a href="<?php the_permalink(); ?>"> <img src="<?php echo $image['url']; ?>"/></a> </div> else: //else is added here <a href="<?php the_permalink(); ?>"><div class="news-small"> <div class="container-small"> <?php $image_url = catch_that_image(); $image = thumb($image_url, 136, 75); ?> <a href="<?php the_permalink(); ?>"> <img src="<?php echo $image['url']; ?>"/></a> </div> <!-- End Thumb Container --> </div> <!-- End of news-small div --> <?php endif; ?> <?php $b++; endwhile; wp_reset_query(); ?> 

Попробуйте выше и дайте мне знать результат.

Я думаю, у вас есть 4 разных новости, вы хотите, чтобы в первых новостях использовалось большое изображение каждой страницы, а новости большого изображения разные, верно? Если вы правы, следующий код, возможно, сработает для вас.

 <?php $b=1; $args = array( 'tax_query' => array( array( 'taxonomy' => 'gens', 'field' => 'slug', 'terms' => 'newsgen' ) ), 'post_type'=>'', //add your post type name 'posts_per_page' => 4, 'orderby' => 'asc', ); query_posts($args); while ( have_posts() ) : the_post(); ?> <?php if($b==1) : ?> //change here <div id="news-big"> <?php $image_url = catch_that_image(); $image = thumb($image_url, 209, 97); ?> <a href="<?php the_permalink(); ?>"> <img src="<?php echo $image['url']; ?>"/></a> </div> <?php else: ?> //change here <a href="<?php the_permalink(); ?>"><div class="news-small"> <div class="container-small"> <?php $image_url = catch_that_image(); $image = thumb($image_url, 136, 75); ?> <a href="<?php the_permalink(); ?>"> <img src="<?php echo $image['url']; ?>"/></a> </div> <!-- End Thumb Container --> <?php endif; //add code $b++; endwhile; wp_reset_query(); ?>