将一个帖子的内容放在两个并排的栏目中,报纸风格

时间:2013-08-15 作者:Ben Racicot

我试图像报纸一样并排放置两个专栏,并在两个专栏中显示一篇文章的内容。

multy column newspaper article

我一直在尝试在我的h4/90单词处分解内容,并将其余内容与其自己的标记一起回显,但它不会显示出来。在这一点上,我甚至质疑我的方法。如有任何建议,将不胜感激。

if (have_posts()) : while (have_posts()) : the_post(); 

$content = get_the_content();

add_filter(\'the_content\', \'multi_content\');
 function multi_content($content){
 $columns = explode(\'<h4>\', $content);
 $i = 0;
 foreach ($columns as $column){
 $return .= "<div class=\\"column\\" id=\\"content-$i\\">" . "\\n";
 if ($i > 1) $return .= "<h4>";
 $return .= $column;
 $return .= \'</div>\';
 $i++;
 }
 if(isset($columns[1]))
    echo $return;
 // $content = wpautop($return);
 // else
 // $content = wpautop($content);
 // return $content;
}

1 个回复
SO网友:Ben Racicot

事实证明,列有特定的CSS属性:

以下是我的案例:

.featured {
       -moz-column-count: 3;
       -moz-column-width:245px;
       -moz-column-gap: 40px;
       -webkit-column-count: 3;
       -webkit-column-gap : 40px;
       -webkit-column-width:245px;
       -moz-column-rule-color:  #ccc;
       -moz-column-rule-style:  solid;
       -moz-column-rule-width:  1px;
       -webkit-column-rule-color:  #ccc;
       -webkit-column-rule-style: solid ;
       -webkit-column-rule-width:  1px;
}
还有两位裁判介绍了其他几种方法。

ADVANCED 2 column looping

SIX WAYS to use multiple columns

结束

相关推荐

Problems with loop

我的索引中有这个循环。php: <?php if (have_posts()) : while (have_posts()) : get_template_part( \'post\' ); endwhile; endif; ?> 调用此模板<?php ?> <h2 id=\"post-<?php the_ID()