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. 没有图片

    2013.04.28

    WordPress Shortlink 短网址使用教程

    自 WordPress 3.0 之后,就自带…

  2. 没有图片

    2011.09.07

    通过分类名称获取分类的别名(slug)

    在设计WordPress主题时,经常会遇到调…

  3. 没有图片

    2010.03.03

    几行代码让你的WordPress兼容更多浏览器

    我们在设计主题的时候,经常遇到主题与浏览器的…

  4. 没有图片

    2010.09.20

    Discuz! X1.5正式版发布

    康盛旗下产品Discuz! X1.5 正式版…

  5. 没有图片

    2010.03.22

    Windows 7 硬盘全新安装教程

    MSDN Windows 7 专业版 | W…

  6. 没有图片

    2011.04.04

    给你的页面添加返回顶部按钮

    大家应该都经历过,优秀的网页都会给人一个良好…

评论

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

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

About

马拉松运动员,沉迷于跑步;关注科技前沿,关注互联网!与跑者、程序员、设计师为伍,一起跑步健身,一起编写程序,为自由而战!