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

    如何开启 Windows 8.1 远程桌面

    Windows 8.1 远程桌面默认是被系统…

  2. 没有图片

    2009.09.01

    超漂亮的50款绿色风格网站

    ronischildcare yodaa e…

  3. 没有图片

    2013.12.28

    Debian Nginx 如何添加虚拟主机

    这段时间折腾阿里云,开始是用CentOS加固…

  4. 没有图片

    2010.09.27

    Outlook 2010 的功能和优点

    Microsoft Outlook 2010…

  5. 没有图片

    2009.07.26

    10 个提供 Twitter 热门话题服务的网站

    Twitter 上每天都会更新很多的信息,我…

  6. 没有图片

    2009.09.03

    30个基于Flash建立的摄影图片站

    你喜欢商业摄影吗?如果你喜欢,那么这篇日志正…

评论

  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

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