Wordpress自定義查詢顯示爲3個不同的DIV

Question

我正在使用基於着名的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_

Answer 1

使用您的首選方法（get_posts，query_posts，$ WP_Query）從DB獲得您的文章，並把它們放到一個數組。爲了我們的目的，我們稱之爲$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;?>