Loading
0

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

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

WordPress文章列表中文章排序如何实现多种样式?
在循环中判断文章是第N篇就需在循环中添加“$count = 1;”变量,在循环主体中判断第N篇就可以这样写:

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

//输出不同的代码

<?php } $count++; ?>

举个例子:

<?php

$args=array(

'post_type'=> 'post',

'posts_per_page' => 4,

'ignore_sticky_posts' => 1

);

$temp_wp_query = $wp_query;

$wp_query = null;

$wp_query = new WP_Query( $args );

if ( $wp_query->have_posts() ) : $count = 1;

while ( $wp_query->have_posts() ) : $wp_query->the_post();>

<!-- 缩略图 -->

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

<?php post_thumbnail_width(); ?><!--横排缩略图-->

<?php }else if($count==2 ) { >

<?php post_thumbnail_height(); ?><!--竖排缩略图-->

<?php }else { >

<?php post_thumbnail(); ?><!--普通缩略图-->

<?php } $count++; ?>

<!-- 缩略图end -->

<?php endwhile; endif; ?>

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