让wordpress文章列表丰富多样

WordPress技术博客wp应用技术

我们看到很多网站的文章列表中显示的方式可以有一些变化,比如在文章列表中插入广告,或者让某一个位置的文章显示的方式有不一样,可以显示推荐,或者显示大图等等 方式,那么这样的列表是如何实现的呢?(见下图,下图是我们即将发布的最新主题《无线日志》,这款日志采用了5种之多的列表显示方式,让你的网站看起来非常的丰富):第一篇文章显示大图,显示4篇文章之后第五篇用大图模式显示,每个文章因为插入了不同元素(图片,音乐,视频)有各自显示的不一样。

lhkoiyhn

先我们就来详解一下如何做出丰富多样的wordpress网站文章列表吧!

首先,我们希望第一篇文章和第五篇文章的列表使用横幅的大图显示,作为推荐文章,这样的方式可以使用$count来解决,如下面的代码:

<?php if (have_posts()) : $count=1;while (have_posts()) : the_post(); ?>//循环开始
//这里自定义你自己的一般列表


<?php if($count == ( 1 || 5)) : ?>//设置第一篇文章和第五篇文章的样式

//定义第一篇文章和第五篇文章的循环方式

<?php endif;$count++; ?>//定义完成

<?php endwhile;endif; ?> //循环完成

这里我们就完成了列表某个位置显示不同样式的功能,那么,如何区分不同元素如:音乐、视频、图片等文章呢?

我们只需要在文章的主循环中加入判断,这里要使用自定义字段来进行判断,判断的思路非常简单:

如果文章自定义字段输出音乐,显示音乐格式,如果输出视频,显示视频格式,如果没有自定义字段,输出了特色图片,则显示图片格式,如果什么都没有输出,显示文字格式。

思路非常简单,如果你懂一点php的话很容易能够写出来,这里就不贴代码了,毕竟每个人有每个人的想法,我们只是把思路写出来提供参考。

看了上面的文章,是不是急着去折腾一下呢?  如果不想折腾,可以期待一些我们的主题《无线日志》,这款主题因为很多原因发布时间被推迟了,不过我们会尽快的做好发布的,如果你喜欢,去主题介绍页面留言吧~ 我们会邮件通知你主题发布的消息!

 

上一篇:

下一篇:

文章评论

您好!请登录

取消回复
    展开更多