Show articles in Pair

时间:2019-10-28 作者:Paul

我正在看两篇文章的展示。ie:

<section class="side" data-role="side" id="section-section1">
    Two articles
</section>

<section class="side" data-role="side" id="section-section2">
    Next Two articles
</section>

<section class="side" data-role="side" id="section-section3">
    Next Two articles
</section>
我目前正在使用偏移量,但随着更多文章的添加,我需要它来自动保持文章配对。

有没有人有聪明的解决方案,或者我被抵消了?

Note: 由于设计原因,除了成对显示外,我没有其他选择。

1 个回复
最合适的回答,由SO网友:rudtek 整理而成

我想更详细一点(或你的起始代码),看看你把它放在哪里,或者你想如何使用它,但从我看来,你需要在迭代中添加一个计数器,然后使用模运算符:

示例查询如下所示:

$winnners_query = new WP_Query(array(
  \'post_type\' => \'post\',
  \'posts_per_page\' => \'10\',
));

if ($winnners_query->have_posts()) {
  $i=1;
  $section=1; //section counter
  $count = $winnners_query->found_posts;  //total post count
  echo \'<section class="side" data-role="side" id="section-section\'.$section.\'">\'; //adds first section (you need to add css to style)
  while ($winnners_query->have_posts()) {
    $winnners_query->the_post();
    echo \'<div class="content">\'.get_the_title().\'</div>\'; //adds content you need to add css styles
    if ( $count == $i) {
        //we\'re on the last post of the query.  Close section
        echo \'</section>\';
    } else {
      if ($i % 2) { //if iteration is even increase section count, close section and open a new one
        $section++;
        echo \'</section><section class="side" data-role="side" id="section-section\'.$section.\'">\';
      }
      $i++;
    } 
  }
  wp_reset_postdata();
}

相关推荐

Modals using loops and ACF

我试图制作一个页面,查询特定类别(“景点”)的每一篇帖子。我已经能够成功地获得帖子,我只需要让modals工作。我在我的循环中做了一个按钮,它的标题是循环所在的任何帖子。我希望这样,每当人们单击该按钮时,它就会打开一个模式,显示代码中ACF I列表中的所有字段。不过,我有一些问题。由于某种原因,我无法让javascript正常工作。现在都在页面模板文件中,但我已经尝试通过函数将脚本排队。php等。我的猜测是,我正在尝试制作文档。getElementsByClassName而不是documents。getE