WordPress首篇文章与后续文章的样式设置

WordPress如果将首篇文章设置成与后续文章不同样式，那么在文章展示上就不会显的很呆板，让文章列表展示样式页更加的出彩，那么就为大家分享WordPress首篇文章与后续文章的样式设置：

那我们可以通过两次循环，第二次进行偏移来实现。代码如下：

<?php

$args = array(

'post_type' =>'post',

'showposts'=>1

);

$query = new WP_Query( $args );

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

?>

<a href="<?php the_permalink(); ?>"><?php the_title(); ?></a>

<br />

<?php the_content();?>

<br />

<?php

endwhile;

$args = array(

'post_type' =>'post',

'offset'=>1

);

$query = new WP_Query( $args );

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

?>

<a href="<?php the_permalink(); ?>"><?php the_title(); ?></a>

<br />

<?php

endwhile;

?>

以上可以实现我们的想法，那么如何一次循环就实现呢？

<?php

$args = array(

'post_type' =>'post',

);

$query = new WP_Query( $args );

$i=1;

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

?>

<a href="<?php the_permalink(); ?>"><?php the_title(); ?></a>

<br />

<?php

if($i%3 == 0){ //$i/2如果能够整除就是0 不是整除就有余数

the_content();

echo '<br />';

}

?>

<?php

$i++;

endwhile;

?>

也可以通过PHP语言进行判断，判断第一篇文章应用不同的样式。判断代码如下：

<?php if ($postcnt == 0) : ?>

//这里放上第一篇文章的代码

<?php else :?>

//这里放上其它文章的代码

<?php endif; $postcnt++; ?>

前两篇不同

<?php if ($postcnt == 0 or $postcnt==1) : ?>

//这里放上第一篇文章的代码

<?php else :?>

//这里放上其它文章的代码

<?php endif; $postcnt++; ?>