显示在3个不同DIVs中的Wordpress自定义查询

Question

我正在开发一个基于著名的jQuery工具Scrollable的新闻滑块。

在我的站点的标题上，我想创建一个新的查询(只有最多12个帖子的粘性帖子)，显示如下：

<!-- 1-4 -->
<div>
   <div>POST 1</div>
   <div>POST 2</div>
   <div>POST 3</div>
   <div>POST 4</div>
</div>
<!-- 5-8 -->
<div>
   <div>POST 5</div>
   <div>POST 6</div>
   <div>POST 7</div>
   <div>POST 8</div>
</div>
<!-- 9-12 -->
<div>
   <div>POST 9</div>
   <div>POST 10</div>
   <div>POST 11</div>
   <div>POST 12</div>
</div>

任何帮助或建议都将不胜感激！

干杯,

Jk_

Answer 1

使用您喜欢的方法(get_posts、query_posts、$WP_Query)从数据库获取帖子，并将它们放入一个数组中。出于我们的目的，让我们称其为$posts。

然后使用array_chunk()将$posts拆分为指定大小的数组。

$chunked_posts = array_chunk($posts,4);

其中$chunked_posts是一个包含数组的数组，每个数组包含4个帖子。然后，您可以在模板中的$chunked_posts上使用foreach循环来显示它自己的div中的每个块。

<?php foreach($chunked_posts as $posts):?>
    <div>
        <?php foreach($posts as $post):?>
            <div><?php //display your post here ?></div>
         <?php endforeach;?>   
    </div>
<?php endforeach;?>