在我的主题中，我有一个显示特色帖子的网格。这张我很喜欢，但帖子的顺序不是我喜欢的：

https://i.imgur.com/GzGwRXl.jpg

在上面链接的照片上，你可以在红色矩形中看到帖子的当前顺序，下面是绿色矩形，用于说明我想如何显示它们。最大的网格将用于最新发布的帖子。

在主题中显示此内容的代码在此处（如果需要，我可以发送包含代码的整个文件）：

function inner($posts, $td_column_number = \'\') {

    $buffy = \'\';

    if (!empty($posts)) {

        $post_count = 0;

        foreach ( $posts as $post ) {
            if ($post_count == 0) {
                $buffy .= \'<span class="td-big-grid-flex-column">\';
            }

            if ($post_count < 2) {
                $td_module_flex = new td_module_flex_6($post, $this->get_all_atts());
                $buffy .= $td_module_flex->render($post_count);

                $post_count++;
                continue;
            }

            if ( $post_count == 2 ) {
                $buffy .= \'</span>\';
                $buffy .= \'<div class="td-big-grid-flex-scroll-holder">\';

                $td_module_flex = new td_module_flex_7($post, $this->get_all_atts());
                $buffy .= $td_module_flex->render($post_count);

                $post_count++;
                continue;
            }

            if ( $post_count > 2 ) {
                $td_module_flex = new td_module_flex_6($post, $this->get_all_atts());
                $buffy .= $td_module_flex->render($post_count);

                $post_count++;
                continue;
            }

            $post_count++;
        }

.wrapper > #first {
  grid-row-start: 1;
  grid-column-start: 2;
  grid-row-end: span 2;
}