首页 > 新闻资讯 > 让WordPress中的文章分栏显示(二栏)

让WordPress中的文章分栏显示(二栏)

7条评论
标签:
更多

杂志排版都是非常活跃的,可以分栏显示,那么WordPress博客是否有办法这样呢?这篇文章将告诉大家如何在WordPress中分栏显示内容。

这段代码非常强大,不过也非常简单。只要在functions.php 文件中加入这段代码,你的文章就可以实现自动分栏。

你的文章内容将会依据<h2> 标签分栏。

function my_multi_col($content){
$columns = explode('<h2>', $content);

$i = 0;

    foreach ($columns as $column){
    if (($i % 2) == 0){
        $return .= '<div class="content_left">' . "\n";
        if ($i > 1){
        $return .= "<h2>";
    } else{
        $return .= '<div class="content_right">' . "\n <h2>";
    }
        $return .= $column;
        $return .= '</p></div>';
        $i++;
    }

    if(isset($columns[1])){
        $content = wpautop($return);
    }else{
        $content = wpautop($content);
    }
    echo $content;
}
}
add_filter('the_content', 'my_multi_col');

别忘记在style.css 文件中还要添加下面的样式:

.content_right, .content_left{
    float:left;
    width:45%;
}

.content_left{
    padding-right:5%;
}

大功告成!

* 版权声明:作者WordPress啦! 转载请注明出处。

#1
WP可定制性太搞了 真强大
#2
太强大咯,我喜欢
#3
我怎么不会改啊。。。能麻烦说详细点儿吗?代码要加入到functions.php的哪个位置啊?谢谢。。。
#4
如果不能确定位置就加到最后“?>”的前面吧
#5
呵呵,学习,不知道可不可以可以简洁一点,我就单篇文章的一部分要分栏
#6
谢谢。请问是在wp-includes文件夹中functions.php里边改,还是在WP的登录后台找到编辑中的functions.php处在后台改???
#7
我都把代码加到最后去了,还是没有什么变化呀!!怎么回事?到底是要加到哪里。还有是在wp-includes文件夹中functions.php里边改,还是在WP的登录后台找到编辑中的functions.php处在后台改???