WordPress文章列表不同行控制不同样式

平时咱们看到的Wordpress日志列表样式基本上都是一样的,下面代码可以让你的日志列表实现各种不同效果,比如:文章两栏显示、文章隔行不同背景颜色、不同行不同样式、每五行分一小段等等,都可以灵活变动使用。就不再唠叨也,直接上代码,这估代码是用来让奇数行排天左边,偶数行排到右边。其他功能,大家自己探索,我会抽空把这些效果分别分享出代码。

<?php $count = 1; ?>
<?php if (have_posts()) : ?>
<?php while (have_posts()) : ?>
    <?php if ($count % 2 != 0) : ?>
        <div style="float:left">
        //  post html structs
        </div>
    <?php else : ?>
        <div style="float:right">
        //  post html structs
        </div>
        <div></div>
    <?php endif; ?>
<?php $count ++; ?>
<?php endwhile; ?>
<?php endif; ?>

具体演示,请参考本博客的日志隔行不同背景颜色效果。其他效果,欢迎留言提出需求,我给给你定制代码,哈哈。

思章老师

认准了方向,就要勇敢地走下去,十年磨一剑,我相信,只要坚持,一切都有可能。

相关日志

  1. 没有图片

    2009.10.26

    Mozilla Weave -Mozilla官方发布书签同步插件

    以前一直使用Xmarks书签同步工具来存储我…

  2. 没有图片

    2009.12.04

    最强大的树型JS代码 dTree

    这几天因为帮老婆设计网站,为一个学院设计一个…

  3. 没有图片

    2010.02.20

    网页配色表 设计者必备

    网页设计的时候需要各种颜色,都靠自己想象肯定…

  4. 没有图片

    2012.03.01

    今天换上WordPress默认主题衍生主题,继续升级中…

    主题就像我们的衣服,需要不断地换一换,这样才…

  5. 没有图片

    2009.10.18

    Firefox链接预览插件 CoolPreviews

    就像Wordpress代码一样,Firefo…

  6. 没有图片

    2013.10.04

    PHP本地环境套装WLNMP V1.0.1发布

    由阿吴同学开发的PHP本地环境套装WLNMP…

评论

  1. 王叨叨 2012.06.21 8:17上午

    这个代码不错,真好!

  2. Louis Han 2012.06.10 12:41下午

    在哪里才能看得到呢

    • 爱得瑟 2012.06.11 3:45下午

      看看but.so 的首页! 你就明白了

    • 落花生 2012.06.11 3:47下午

      你看看我的文章列表,已经出来效果了