wordpress カスタム投稿　親・子・投稿表示

質問させて頂きます。

wordpressのカスタム投稿で「商品」という項目をつくり、
商品を投稿したいと考えております。

例えば、
「楽器」（親カテゴリ）
-ギター（子）
--エレキギター（商品名）
--アコースティックギター（商品名）

-ベース（子）
--エレキベース（商品名）
という感じです。

その際、図のような表示にしたいと考えておりますが、うまくループできません。
教えて下さい。

html(例)

html
1<!--繰り返し-->
2<div class="item">
3
4  <h2 id="#親スラッグ"><a href="">親カテゴリ名</a></h2>
5
6  <div class="item_area">
7    <ul>
8      <li>
9        <h3 id="#親スラッグ"><a href="">子カテゴリ名</a></h3>
10        <p><span>●</span><a href="">タイトル</a></p>
11      </li>
12    </ul>
13  </div>
14  
15  <div class="item_area">
16    <ul>
17      <li>
18        <h3 id="#親スラッグ"><a href="">子カテゴリ名</a></h3>
19        <p><span>●</span><a href="">タイトル</a></p>
20      </li>
21    </ul>
22  </div>
23  
24  <div class="item_area">
25    <ul>
26      <li>
27        <h3 id="#親スラッグ"><a href="">子カテゴリ名</a></h3>
28        <p><span>●</span><a href="">タイトル</a></p>
29      </li>
30    </ul>
31  </div>
32</div>
33<!--//繰り返し-->