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.20

    Zemanta 快速提高博客流量、排名

    这个就是用Zemanta插入的 Zemant…

  2. Google AutoDraw

    2017.04.21

    Google 推出绘画黑科技 AutoDraw 灵魂画师快来迎接救星

    今晚尝试了一下Google的新产品 Auto…

  3. 没有图片

    2009.12.06

    微软浏览器 Pivot 使用体验

    今天下载了微软的最新版本浏览器 Pivot,…

  4. 没有图片

    2009.07.09

    国外优秀开源PHP建站系统对比分析

    开源(Open Source,开放源码)被非…

  5. 没有图片

    2012.05.30

    Discuz!x2.5完整伪静态.htaccess代码,支持博客伪静态

    网上常见的Discuz!x2.5伪静态文件可…

  6. 没有图片

    2013.11.23

    WordPress 3.8 Beta1 发布

    WordPress官方近来的更新太给力了,今…

评论

  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下午

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