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

时间:2010-10-26 13:21:58

标签: wordpress

我正在开发一个基于众所周知的jQuery Tool 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 _

1 个答案:

答案 0 :(得分:2)

使用首选方法(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;?>