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

    2010.06.18

    WordPress 3.0正式版发布 菠萝筐第一时间升级

    WordPress 3.0正式版发布了,今天…

  2. 没有图片

    2009.09.04

    HTML教程 从一个页面链接到其他页面指定位置代码

    看到网上有很多网友在问网页链接代码的问题,就…

  3. 没有图片

    2012.04.23

    自定义WordPress作者信息

    WordPress的作者信息默认的为AIM,…

  4. 没有图片

    2013.04.13

    隐藏WordPress自定义栏目

    有时我们写WordPress博客的时候,并不…

  5. 没有图片

    2012.05.31

    WordPress文章列表排除指定分类下的文章

    WordPress 默认的文章列表调用代码是…

  6. 没有图片

    2012.06.22

    CentOS配置上网,修改IP地址,DNS,网关

    一、CentOS 修改IP地址 修改对应网卡…

评论

  1. aircyan 2012.01.06 6:23下午

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

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

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

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

  3. MurphyL 2011.10.23 10:00下午

    仅说学习中不中呢?~~