这不应该是砌体的问题，至少我从来没有用过它（或类似的同位素）。实际上，正是这些库的美丽之处，才使您能够拥有这种布局。其余的都是正确的CSS样式。我不知道如何应用计数器/索引类，但我会按如下所示进行操作：

function wpse151589_indexed_post_class( $classes ) {
    global $wp_query;

    // the current_post property value starts counting at 0
    // we are doing + 1 to start from 1
    $index = $wp_query->current_post + 1;

    // if you want the number to always have 3 digits
    // like 001, uncomment the next line
    //$index = sprintf( \'%1$03d\', $index );

    // results in classes like post-nr-1/001
    $classes[] = \'post-nr-\' . $index;

    return $classes;
}
add_filter( \'post_class\', \'wpse151589_indexed_post_class\' );

<小时>Edit: 回复评论

有些事情我想说，

执行not 使用query_posts()

即使是相应的codex页面也有这样一个原因：

此功能不适用于插件或主题。如后文所述，有更好、性能更好的选项来更改主查询。

之后：

对于常规post查询，请使用WP_Query 或get_posts.

以及：

是的strongly 建议您使用pre_get_posts 改为筛选，并通过检查更改主查询is_main_query

两个最具信息性和杰出的来源why 实际上位于WordPress开发中，它们绝对值得一读：

• When should you use WP_Query vs query_posts() vs get_posts()?
• When to use WP_query(), query_posts() and pre_get_posts
  
  
• • post_class() 不能在外面使用the loop 是not 符合事实的

    甚至还有section 关于这一点，请参阅文档。已授予的codex页post_class 虽然不是最好的，但很明显函数有两个参数，它们是：$classes 和$post_id.

    post_class( $classes, $post_id );
    

    这意味着：

    对于在循环外部或备用循环中显示帖子，post\\u class函数的第二个参数可以是帖子ID。然后将从该帖子确定类。

    这-加上1-使您可以将其用于您的目的
    
    

    在WP_Query 对象具有名为$current_post

    $current_post
    （在The Loop) 当前显示的帖子的索引。

    它可以用于您的目的，因此无需重新发明轮子。