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

    Adobe CS5功能介绍及相关视频

    Adobe在之前已经公布了很多cs5软件的新…

  2. 没有图片

    2009.08.26

    DedeCMS中的 [field:imglink/] 图片大小自定义方法

    新版本的 DedeCMS 5.5 已经发布,…

  3. 没有图片

    2011.04.13

    WordPress不同分类下日志使用不同模板

    这几天把联盟的主题和插件单独设计了一下模板,…

  4. 没有图片

    2009.10.14

    DedeCMS自定义模型生成列表出错解决办法

    今天在设置DedeCMS5.5模板,因为以前…

  5. 没有图片

    2009.09.15

    让系统启动后自动关闭共享文件夹的方法

    Windows安装后,会创建一些隐藏共享,主…

  6. 没有图片

    2011.04.06

    博客升级到 WordPress 3.1.1

    昨天还在WordPress官方关注WordP…

评论

  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

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