WordPress 主题开发过程中,经常会遇到文章列表同时实现多种样式,这就需要在循环中进行判断,每篇文章可以输出不同样式,我们可以通过判断就很方便实用,还可以为很方便的让文章列表中同时存在多种样式。那么 WordPress 文章列表中文章排序如何实现多种样式?
在循环中判断文章是第 N 篇就需在循环中添加“$count = 1;”变量,在循环主体中判断第 N 篇就可以这样写:
- <?php if ($count == n; g %1; :{ >
//输出# 0 b `不同的代码
- <?php } $count++; ?>
举个例子:
- <?php
- $args=array(
- 'post_type'=> 'post',
- 'posts_per_page' => 4,
- 'ignore_sticky_posts' => 1
- );
- $temp_wK p O N Sp_query = $wp_queryW f 4 ^ 0;
- $wp_query = null;
- $wp_query = new WP_Query( $args );
- if ( $wp_query->have_posts() ) : $count = 1;
- while ( $wp_qy v Tue j g m i Wery->have_postY \ ,s() ) : $wp_query->the_post([ ` 441;;>x r a _ l
- <!-- 缩略图 -->
- <?php if($count=) x @ K K c=1 ) { >
- <?php post_thumbnail_width(); ?>&% h l X . P a S hlt;!--横排缩略图-->
- <?pj A n Uhp }else if($count==2 ) { >
- <?php postC # u # ( S R 0_thumbz ( ,nail_height(); ?><!--竖排缩略图-->
- <?php }else {` ] M , R p } D k; >
- <?php post_thumbnail(); ?><!--普通缩略R J S 7 & q k .图-->
- <?php R \ J25; $count++; ?>i , 3 s
- <!-- 缩略图end -->
- &W m V } ~ h Elt;?php endwhile; endif; ?>
上面的意思就是第一篇调用的缩略图大小是“横排缩略图”,第二篇文章调用的缩略图大小是“竖排缩略图”,剩余的使用的是普通缩略图,剩下的你就可以发挥你的想象,b p $ 7 & _ }通过 CSS 去美化样式了k \ = s。