具有不同列大小的WordPress循环

时间:2018-09-26 作者:Kevin Love

我正在尝试做一个循环,它会执行以下操作,

第一个帖子的列大小不同,下面的每个帖子都是第6列。

我正在使用引导。这张图片显示了我正在努力实现的目标。因此,每个新帖子都会显示在完整列的顶部,每次创建新帖子时,它都会向下推到1/2列中。

enter image description here

2 个回复
SO网友:Tung Du

我不提供完整的代码解决方案,但我会为您提供解决问题的方向。

有两种方法可以解决您的问题:

使用两个分开的循环,第一个循环将posts_per_page 设置为1. 第二个会有offset 设置为1. 它完成了任务,但不是最佳解决方案

  • 设置$counter1 外面while 循环$counter 对于1 在…的结尾while 循环,因此它将增加while 循环$counter 在回显模板之前,如果$counter = 1, 打印特色帖子的模板div 当您检查$counter = 1, 就在特色标记之后。用于关闭div, 您可以在while 循环结束
  • SO网友:Kamil

    您应该在循环中检查索引,然后动态更改元素类。

    $args = array();
    $query = new WP_Query($args);
    
    if($query->have_posts()) {
        while($query->have_posts()) {
            $query->the_post();
            $colNumber = $query->current_post > 0 ? \'col-6\' : \'col-12\';
    
            printf(\'<div class="%s">%s</div>\', $colNumber, get_the_title());
        }
    }
    
    希望有帮助

    结束

    相关推荐

    如何创建4列和2列Twitter-Bootstrap相结合的WordPress循环?

    我想根据4列(桌面视图)、2列(mobile view 768px)和1列(mobile view 425px)的组合显示帖子。我在下面找到了很棒的代码:<?php $paged = ( get_query_var(\'paged\') ) ? get_query_var(\'paged\') : 1; $args=array( \'post_type\' => \'post\',