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

    2013.12.23

    小红伞 杀毒软件永远的经典

    其实说起来杀毒,已经很早就和国内外各大杀毒软…

  2. 没有图片

    2013.10.30

    WordPress模板开发获取优酷视频缩略图

    有时写WEB程序时本文主要介绍WordPre…

  3. 没有图片

    2009.07.08

    Antivirus Plugin for WordPress,WordPress杀毒插件

    今天逛了一些国外网站,很多老外站长对Word…

  4. 没有图片

    2009.09.09

    多彩的 Google 广告样式

    我们在 Google Adsense 里添加…

  5. 2014.03.20

    Mac OS X Terminal:终端使用教程(转)

    为什么要使用命令行/如何开启命令行? 许多功…

  6. 没有图片

    2012.11.22

    服务器端口被占用解决方案

    在服务器上安装某服务时,可能会遇到端口被占用…

评论

  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

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