Wordpress Custom Query отображается в 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) и поместите их в массив.Для наших целей, давайте назовем это $posts.

Затем используем array_chunk () , чтобы разделить $posts на массив указанного вами размера.

$chunked_posts = array_chunk($posts,4);

где $chunked_posts - массив, содержащий массивы, каждый из которых содержит 4 сообщения.Затем вы можете использовать цикл foreach на $chunked_posts в своем шаблоне для отображения каждого чанка в своем собственном 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;?>