WordPress日志分栏显示方法初探

通常我们见到的WordPress博客显示的文章都是以一栏显示的,但如果我们想设计个杂志主题的样式,让文章多栏显示,效果肯定比一栏要更出彩,本文我们以WordPress日志分两栏为例来进行探讨,三栏、四栏道理完全一样。

我们需要在主题目录下的functions.php文件中加入以下代码,代码可以实现根据<h2>标签进行分栏。

    function wp_multi_col($content){
    $columns = explode('

', $content); $i = 0; foreach ($columns as $column){ if (($i % 2) == 0){ $return .= '
' . "\n"; if ($i > 1){ $return .= "

"; } else{ $return .= '
' . "\n

"; } $return .= $column; $return .= '

'; $i++; } if(isset($columns[1])){ $content = wpautop($return); }else{ $content = wpautop($content); } echo $content; } } add_filter('the_content', 'wp_multi_col');

另外,还需要在样式表文件style.css里添加样式代码:

    .content_right, .content_left{
        float:left;
        width:45%;
    }

    .content_left{
        padding-right:5%;
    }

至此,你的博客内容就完全以两栏显示了。

思章老师

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

相关日志

  1. 没有图片

    2009.09.15

    重装XP后,还需要做的10件事

    机器用时间长了,不是变慢就是中毒很深,有时也…

  2. 没有图片

    2011.04.17

    WordPress 评论分页方法

    今天发现我的博客评论算是挺多,如果一页来显示…

  3. 没有图片

    2010.07.30

    WordPress 3.0.1正式版发布

    今日登陆后台发现WordPress 3.0.…

  4. 没有图片

    2011.04.21

    WordPress相册插件:PhotoSmash Galleries

    WordPress相册插件 PhotoSma…

  5. 没有图片

    2010.03.17

    三个可以托管上Twitter的源码:Twitese,Rabr,Dabr

    Twitter已经是墙外之特,我们只能望墙兴…

  6. 没有图片

    2011.03.14

    DedeCMS 5.7 正式版发布

    一直是用DedeCMS 5.6给客户设计网站…

评论

  1. 小清 2011.10.23 8:58下午

    貌似上次正找着这种方法呢。。

  2. Mylieb 2011.10.23 6:28下午

    Parse error: syntax error, unexpected T_STRING, expecting T_FUNCTION in functions.php on line 816

    评论中还得有中文啊……好吧

  3. Mylieb 2011.10.23 6:04下午

    感觉很不错的样子,在本机试试效果去~