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

    2011.04.24

    WordPress团购主题插件Group Deals plugin

    现在非常流行团购,很多团购代码也应运而生,但…

  2. 没有图片

    2009.07.05

    WordPress 2.8 兼容的插件列表

    Wordpress 之所以比别的博客系统强大…

  3. 没有图片

    2009.10.15

    WordPress 2.9 已经进行测试阶段

    登陆Wordpress 2.84后台,就会看…

  4. 没有图片

    2009.07.20

    挖掘BBPress 论坛插件资源和风格资源

    菠萝筐前天安装上了BBPress论坛系统,结…

  5. 没有图片

    2010.02.05

    网站弹出登陆窗口设计

    大家都知道,很多博客或网站都有一个点击弹出登…

  6. 没有图片

    2013.11.04

    如何开启 Windows 8.1 远程桌面

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

评论

  1. aircyan 2012.01.06 6:23下午

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

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

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

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

  3. MurphyL 2011.10.23 10:00下午

    仅说学习中不中呢?~~

  4. 小清 2011.10.23 8:58下午

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

  5. Mylieb 2011.10.23 6:28下午

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

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

  6. Mylieb 2011.10.23 6:04下午

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

About

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