該当のサイトを見る限り
<h2>親カテゴリー</h2>
<ul>
<li>子カテゴリー</li>
<li>子カテゴリー</li>
<li>孫カテゴリー</li>
<li>子カテゴリー</li>
</ul>
の繰り返しではダメなのかなと思ったのですが・・・?
$categories = get_categories();
foreach($categories as $cat){
if($cat->parent == 0){
echo '<h2><a href="'.get_category_link($cat->term_id).'">'.$cat->cat_name.'</a></h2>',"\n";
$arg = array(
'child_of'=>$cat->term_id,
'title_li'=>'',
'hierarchical'=>0,
'echo'=> 0);
$childs = get_categories($arg);
if(!empty($childs)){
echo '<ul>',"\n";
foreach($childs as $child){
echo '<li><a href="'.get_category_link($child->term_id).'">'.$child->cat_name.'</a></li>',"\n";
}
echo '</ul>',"\n";
}
}
}
ご回答ありがとうございます。
教えていただいた方法で試してみましたが、
<ul>
<li class="oya">親カテゴリー</li>
<li class="kodomo">子カテゴリー</li>
</ul>
このような形での繰り返しでないと難しいような気がしました。
私のイメージでは、
親に 300pxなどの幅を持たせて、子をフロートレフトで親の下で横並びにさせるイメージなのです。