将Wordpress注释分为2列

时间:2013-07-11 00:28:50

标签: facebook wordpress comments multiple-columns two-columns

我正在使用Wordpress评论系统,并希望将评论分成2列。最近的评论也必须在顶部,与facebook页面的工作方式非常相似。

我网站某些网页上的内容都是评论 - 除了我的“关于我们”页面外,整个内容区域都是评论。

为了您的信息,我使用了photoria主题,这是一个2列主题,但第二列被我的侧边栏占用 - 不知道这是否会影响它!希望我所要求的是清楚的!

我对网站设计比较陌生,所以请跟我说:)

提前致谢, 保罗

2 个答案:

答案 0 :(得分:0)

多列布局可能很棘手,同时保持内容顺序准确 - 即将最近的评论保留在每列的顶部。

修改
假设您的标记与主题演示具有相同的类,请尝试将其添加到CSS:

#commentspost { 
    overflow: hidden; /* clears floats */ 
}

.comment.odd {
    float: left;
    width: 45%;
}

.comment.even {
    float: right;
    width: 45%;
}

由于某些评论比其他评论更长,这可能会留下空白。如果您遇到问题,请使用类似jQuery Masonry插件的内容来处理浮动项目之间经常出现的额外空白区域。

答案 1 :(得分:-1)

可以使用css完成。

看看这个question我问过 - 即使它不是评论......它有相同的布局想法。