Как отобразить дочерний пользовательский термин под родителем

Question

Я хочу отобразить на боковой панели виджет со списком пользовательских таксономий. Все работает нормально, но когда я добавляю подкатегорию, это отображается как категория, а не в правильном порядке (под вашим родителем)

Пример, в моем бэкэнде:

АВТОМОБИЛИ
-FERRARI
-LAMBORGHINI
BIKE
MOTO

во внешнем интерфейсе:

FERRARI
АВТОМОБИЛИ
BIKE
MOTO
LAMBORGHINI

    $terms = get_terms( array(
        'taxonomy' => 'categorie_area_riservata',
        'hide_empty' => false,
        ) );

        echo '<ul class="widget_categories">';

        // loop through all terms
        foreach( $terms as $term ) {

            // Get the term link
            $term_link = get_term_link( $term );

            if( $term->count > 0 )  
            // display link to term archive
            echo '<li class="cat-item"><a href="' . esc_url( 
                         $term_link ) . '">' . $term->name .'</a></li>';

            elseif( $term->count !== 0 )
            // display name
            echo '' . $term->name .'';
        }

        echo '</ul>';

Answer 1

Я решаю простым способом.

      echo '<ul class="categories">';

    wp_list_categories(
        array(

            'taxonomy' => 'categorie_area_riservata',
            'title_li' => '',
            'depth' => 2,
        )
    );


   echo '</ul>';

и класс css

ul.categories a {color:#444444;}
ul.categories a:hover {color:#1c57a1;}

/*child term*/

ul.children  {padding-left:50px !important;}

ul.children li {
 padding-bottom: 0 !important;
 padding-top: 0px;
 margin-top: 3px !important;
 }