DF 施工例 カテゴリの親子順　表示

.single_foot_menu{
    .flex_box;
        .flex_center;
    > li{.flex;}
    li{ margin-right:12px; margin-bottom: 12px; 
        a{ display: inline-block; 
            //background: @site_color; color: #fff; 
            border: solid 1px #ccc;
            color: #000;
            padding: 6px 12px; font-size: 13px;
            line-height: 2;
        } 
        a:hover{ text-decoration: none; background: @site_color_hover; color: #fff;}
        //かなり複雑になったが、
        //wpリストカテゴリで子カテゴリがある場合、並び順を親の次に並ばせたいのでdeaps -1　では再現できなく、仕方なく、親のチルドレンを無理やり同じリストのように表示している モバイル再現できず
//        .children{.flex; 
//            li{margin-bottom: 0}
//            li:last-child{margin-right: 0}
//            margin-left:12px;margin-right:0px; } //ここまで
    }
    
    li.current-cat{ > a{background: @site_color_hover; color: #fff;}}
    
     .parent a{ background: #666666; color: #fff;}
    
}

@media screen and (max-width: 736px){
    
    .jirei_other_cat{ padding: 0;
    .h4_style.title_class2{font-size: 13px; padding: 7px 10px; margin-bottom: 12px;}
}
.single_foot_menu{
margin-bottom: 24px;

}

 
    
 <ul class="single_foot_menu">
     
     <?php //echo get_the_term_list($post->ID, 'built-cat','<li>','</li><li>','</li>' ); ?>
     
     
     <?php
    $parents = getRootTaxonomies( get_the_terms( $post->ID,"built-cat"), "0" );
    foreach($parents as $pv){
        //echo "<ul>\n";
        echo '<li class="parent"><a href="/works-cat/'.$pv->slug.'">'.$pv->name.'</a></li>'."\n";
        //echo "<li>\n";
        foreach($pv->children as $ck=>$cv){
            echo '<li><a
            href="/works-cat/'.$cv->slug.'">'.$cv->name.'</a></li>'."\n";
        }
    //echo "</li>\n";
    //echo "</ul>\n";
    }
?>
     
     
     
     </ul>