Wordpress博客第一行2列第二行和续行3列

Question

我想使用Bootstrap创建一个Wordpress归档博客模板。

第一行的第一个帖子应为8列，第二个帖子应为4列。

第二行和连续行的帖子应为4列。

我相信一个php计数器会启用这个模板。有人知道应该如何编写代码吗？

示例模板：

Answer 1

首先获取get_posts()的所有帖子以获取您的帖子，这将返回WP_Post个对象的数组。我然后像这样循环播放帖子：

// Get all our posts, and start the counter
$postNumber = 0;
$args = array(
    'posts_per_page' => 8
);
$posts = get_posts($args);
// Loop through each of our posts
foreach ($posts as $post) {
    // If we're at the first post, or just before a post number that is divisible by three then we start a new row
    if (($postNumber == 0) || (($postNumber+1) % 3 == 0)) {
        echo '<div class="row">';
    }
    // Choose the post class based on what number post we are 
    $postClass = '';
    if ($postNumber == 0) {
        $postClass .= "col-md-8";
    } else {
        $postClass .= "col-md-4";
    }
    echo '<div class="'.$postClass.'">';
    // Print the post data...
    echo $postNumber. " " . $postClass;
    echo "</div>";
    // If we are at the second post, or we're just after a post number divisible by three we are at the end of the row
    if (($postNumber == 1) || (($postNumber-1) % 3 == 0)) {
        echo '</div>'; // close row tag
    }
    $postNumber++; // Increment counter
}

这会给你一些这样的输出：

你显然需要根据你的模板修改它，但这应该给你一个很好的起点。