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

    2012.06.08

    Adobe CS6中文豪华破解版下载

    Adobe CS5.5很早就有下载了,也用了…

  2. 没有图片

    2013.05.08

    自定义WordPress后台管理侧栏菜单

    现在大家都在使用WordPress给客户设计…

  3. 没有图片

    2013.12.29

    Debian系统下用 vsftpd 配置FTP服务完整教程

    Debian系统下用vsftpd配置FTP服…

  4. 没有图片

    2013.10.25

    本博为大前端主题D8提供技术支持及二次开发服务

    自大前端主题D8发布以来,受到了广大博主朋友…

  5. 没有图片

    2009.07.06

    谷歌色情内容揭秘

    目前网上到处都可以看到这样的消息:谷歌网站收…

  6. 没有图片

    2010.09.18

    Internet Explorer 9 正式版将冲击浏览器行业

    微软件的新一代浏览器Internet Exp…

评论

  1. 小清 2011.10.23 8:58下午

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

  2. Mylieb 2011.10.23 6:28下午

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

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

  3. Mylieb 2011.10.23 6:04下午

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