wordpress判断第一篇文章应用不同的样式

最后更新时间为 2018年7月30日

在使用wordpress仿站时，会碰到这样的情况，目标网站的文章列表版块中，第一篇文章的样式与其它文章的样式不一样。如下图所示：

wordpress判断第一篇文章应用不同的样式

上图的网站中，第一篇文章是包括图片，标题和文章简介，其它的文章只是包含了文章标题和日期。那么我们在进行仿站时，如何实现这种效果呢，如何判断第一篇文章应用不同的样式呢？

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

<?php if ($postcnt == 0) : ?>
//这里放上第一篇文章的代码

<?php else :?>

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

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

通过使用if-else进行wordpress判断第一篇文章应用不同的样式，如果是第一篇文章，就使用第一篇文章的代码，否则就使用其它文章的代码。

除了上面判断第一篇文章的方法之外，还可以使用下面的代码去判断第一篇文章应用不同的样式。

<?php query_posts('cat=55&showposts=7'); ?>
<?php $query_index = 0; while (have_posts()) : $query_index++;the_post(); ?>
   
 <?php 
        // 判断是否是第一条
        if($query_index==1){?>

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

     <?php }else{?>

//放上其它文章样式的代码

<?php }?>
<?php endwhile; wp_reset_query(); ?>