学做网站培训课程介绍

当前位置:

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

很多学建网站学员在使用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(); ?>

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注

相关教程

  • 用什么建网站?Wordpress建网站好不好?这些问题经常被新手问上问起。可以这样说,wordpress程序可以建各种类型的网站,它的功能强大之处令人称赞,
  • Wordpress 如何开启伪静态 视频教程 (1120070 次浏览)
    做网站制作好之后,如果网站做SEO优化时,需要进行伪静态的设置,同样也可以通过网站设置选置进行设置。Wordpress伪静态设置方法 登陆到wordpr
  • wordpress程序的评论头像是自动的调用全球gravatar头像,wordpress程序本身是不支持用户设置头像的,网站后台只支持“对于那些没有自定义头像的用户,
  • 很多学建网站学员在使用wordpress仿站时,会碰到这样的情况,目标网站的文章列表版块中,第一篇文章的样式与其它文章的样式不一样。如下图所示:(相
  • 方老师你好,我现在已经把建站课程已经学完了,仿站课程学习了一半了。我试着用学习的知识仿了下面这样的博客网站,这也是我做的第一个博客网站worpdr
  • 感谢VIP学员:河南雷兴  的无私分享,此模板已通过自己做网站论坛网的审核,大家可放心使用。该模板自己做网站论坛网修改了如下几点:1、导航栏调
  • 如果一篇长文章的文字和图片都在一个页面显示,加载起来会很慢,于是想分成几个页面,我用的插件是Pagebar这个wordpress必备插件!网上很多都是关
  • 在制作网站时,在每篇文章的底部都会有一个“上一篇”“下一篇”的链接,可以进入这篇文章的上一篇文章和下一篇文章。这个功能既方便了用户浏览更多内容的
  • DZ论坛有一个特别好的功能,就是用户可以通过QQ号去登录某一个论坛,而不需要去进行麻烦的注册。所以我们在论坛网站建设时,可以在后台开启QQ登录的方
  • 如果让自己做网站时,网站版面的多样化。实现文章样式不同,就需修改single.php模版。首先,用下面的代码替换single.php的全部内容:[cce]
  • 用wordpress做网站特别是企业网站建设的时候,多个分类的内容不同需要显示的页面也不一样,比如有些分类显示的是产品缩略图,有些显示的是公司新闻公
  • 欢迎大家学习学做网站论坛的CSS视频教程,这节课程我们讲一下CSS选择器类型和样式。什么是CSS选择器每一条css样式定义由两部分组成,形式如下:
  • 欢迎大家学习学做网站论坛的CSS视频教程,这节课程我们讲一下什么是CSS。什么是CSSCSS即层叠样式表(Cascading StyleSheet)。 在网页制作时采用层