WordPress文章列表如何实现多种样式排列

创客云

WordPress主题开发过程中,经常会遇到文章列表同时实现多种样式,这就需要在循环中进行判断,每篇文章可以输出不同样式,我们可以通过判断就很方便实用,还可以为很方便的让文章列表中同时存在多种样式。那么WordPress文章列表中文章排序如何实现多种样式?

在循环中判断文章是第N篇就需在循环中添加“$count = 1;”变量,在循环主体中判断第N篇就可以这样写:

  1. <?php if ($count == n) :{ >

//输出不同的代码

  1. <?php } $count++; ?>

举个例子:

  1. <?php
  2. $args=array(
  3. 'post_type'=> 'post',
  4. 'posts_per_page' => 4,
  5. 'ignore_sticky_posts' => 1
  6. );
  7. $temp_wp_query = $wp_query;
  8. $wp_query = null;
  9. $wp_query = new WP_Query( $args );
  10. if ( $wp_query->have_posts() ) : $count = 1;
  11. while ( $wp_query->have_posts() ) : $wp_query->the_post();>
  12. <!-- 缩略图 -->
  13. <?php if($count==1 ) { >
  14. <?php post_thumbnail_width(); ?><!--横排缩略图-->
  15. <?php }else if($count==2 ) { >
  16. <?php post_thumbnail_height(); ?><!--竖排缩略图-->
  17. <?php }else { >
  18. <?php post_thumbnail(); ?><!--普通缩略图-->
  19. <?php } $count++; ?>
  20. <!-- 缩略图end -->
  21. <?php endwhile; endif; ?>

上面的意思就是第一篇调用的缩略图大小是“横排缩略图”,第二篇文章调用的缩略图大小是“竖排缩略图”,剩余的使用的是普通缩略图,剩下的你就可以发挥你的想象,通过CSS去美化样式了。

本文由 CityMall 整理发布如需转载,请注明出处:https://www.22vd.com/61077.html
云模板

发表评论

热销模板

高端信息技术产品展示DedeCMS织梦中英文模板

Envato

本站承接 WordPress / DedeCMS / ThinkPHP 等
系统建站、仿站、开发、定制等业务!