在一个wordpress循环中的两列布局,任何想法?

时间:2012-11-22 08:18:35

标签: wordpress loops wordpress-theming jquery-masonry two-columns

我的客户想要布局like this (click here),但我尝试过很多想法而无法得到结果。

我正在使用wordpress按日期获取帖子(这是一个循环),我的主题也使用此jQuery Masonry Library来获得两列布局(如果必要,我可以禁用它)。

所以我只有两位作者,现在我需要将每位作者的帖子放在两个不同的列中。在第一列中,应该有杰克(例如)的帖子,而在第二列 - 凯特(例如)的帖子。

但也会有与两列相交的帖子。

循环应该仅按日期发布帖子,因此这些帖子应该以某种方式找到它们的位置。

这就是我的想法:我可以为Kate的帖子编写一个类来编辑这些帖子的宽度(例如359px),但Jack的帖子默认仍然是360px。 如果我在砌体布局中指定每列最小和最大宽度,理论上 - 我可以强制我的帖子获得不同的列(默认情况下,砌体将在第一列中放置宽文章)。但我找不到任何可以指定每个列宽的选项(砌体库中的columnWidth设置所有列的宽度)。

如何指定每个列宽的任何想法?或者你对这种布局有其他想法吗?

请帮助:)

1 个答案:

答案 0 :(得分:0)

不完全确定Masonry(刚开始使用Isotope),但我会使用query_posts进行结构,除非您在特定的非归档页面上执行此操作,然后使用{{1 }}。下面的代码假设您所在的页面已经查询了Jack和Kate的帖子。

WP_Query

希望有所帮助。