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

    乌鲁木齐发生打砸抢烧严重暴力犯罪事件+视频

    7月6日凌晨,在乌鲁木齐市大湾南路的跑马场地…

  2. 没有图片

    2009.12.10

    Google Chrome 扩展 Google Wave Notifier

    上次给大家介绍了Firefox插件Googl…

  3. 没有图片

    2009.10.26

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

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

  4. 没有图片

    2012.11.09

    Windows 8 MSDN 各版本下载地址大全

    今天想用Windows 8 的小朋友们不用东…

  5. 没有图片

    2009.07.05

    WordPress 2.8 中文版发布

    WordPress 2.8 中文正式版官方已…

  6. 2011.03.31

    隆重推出WordPress主题 LSZ BlueCMS Pro V3

    近来我有点蛋疼,一直在折腾WordPress…

评论

  1. aircyan 2012.01.06 6:23下午

    我只想在一个页面上分栏,有没有不修改主题的方法呢?

  2. 尘埃影像 2011.10.23 10:06下午

    好久没有来访问朋友们了,由于工作原因比较忙,也一直疏忽了对博客的更新与管理,现在重新回来了,由原来的棺材中的尘埃改名为尘埃影像。欢迎新老朋友们前来造访。

    询问下,我想把友情链接按照分类变成tab的形式显示在侧边栏,有什么好想法嘛?顺便麻烦兄弟帮我把友情改下名字:)谢谢啦!

  3. MurphyL 2011.10.23 10:00下午

    仅说学习中不中呢?~~