Создать иерархический цикл с предопределенными требованиями к разметке

Я пытаюсь добиться этого в WordPress на основе моей темы:
fullpage.js демо

Таким образом, у меня есть предопределенная разметка для вертикальных секций (родители) и одна для горизонтальных слайдов (дети). Родители содержат сообщения, только если у них нет детей, если у них есть дети, каждое сообщение должно быть внутри дочерних элементов. На странице есть один пост.

Вот необходимая разметка:

<div id="fullpage">

<section class="vertical-scrolling"  data-anchor="//post title here//">
<div //we can have another div here if you like //>
<article id="//post id here//">
// Here comes the content of a vertical section//
</article>
</div>
</section>
<section class="vertical-scrolling"  data-anchor="//taxonomy term here//">
<div class="horizontal-scrolling" data-anchor="//post title here//">
<article id="//post id here//">
// Here comes the post-content with the taxonomy term for the first slide //
</article>
</div>
<div class="horizontal-scrolling" data-anchor="//post title here//">
<article id="//post id here//">
// Here comes the post-content with the taxonomy term for the second slide //
</article>
</div>
</section>
</div>

Пожалуйста, помогите мне создать цикл,

• что выводит указанные посты в виде вертикальных секций,
• выводит указанные посты, сгруппированные, например, по таксономическому термину в виде горизонтальных слайдов
• что соответствует заданным требованиям разметки.