árbol de categorías personalizado en wordpress

4 minutos de lectura

hola quiero crear un arbol de categorias en wordpress asi:

<ul>
    <a href=""> PARENT1 </a>
    <li><a href=""> CHILD 1-1</a></li>
    <li><a href=""> CHILD 1-2</a></li>
     .
     .
     .
</ul>
<ul>
    <a href=""> PARENT2 </a>
    <li><a href=""> CHILD 2-1</a></li>
    <li><a href=""> CHILD 2-2</a></li>
     .
     .
     .
</ul>

Quiero algo que cree una lista de categorías en el formato anterior y muestre solo las categorías que tienen hijos y oculte las que no.

Intenté algo como esto pero no me dio lo que quería

<?php $args = array(
'type'                     => 'post',
'child_of'                 => 0,
'parent'                   => '',
'orderby'                  => 'name',
'order'                    => 'ASC',
'hide_empty'               => 0,
'hierarchical'             => 1,
'exclude'                  => '',
'include'                  => '',
'number'                   => '',
'taxonomy'                 => 'category',
'pad_counts'               => false 
);
$cats = get_categories( $args );
foreach( $cats as $cat) {
    if($cat->parent == 0) {
        $head = $cat->name;
        $cat_id = $cat->term_id;
    }
    echo "<a href="">" . $head . "</a>";
    wp_list_cats("sort_column=NAME&optioncount=0&hierarchical=1&hide_empty=0&child_of={$cat_id}");
}

?>

avatar de usuario
Ravi Patel

<?php
$args = array(
  'taxonomy'     => 'product-type',
  'hierarchical' => true,
  'title_li'     => '',
  'hide_empty'   => false
);
?>

<ul>
<?php wp_list_categories( $args ); ?>
</ul>



You can use the wp_list_categories function also for taxonomies. 

http://codex.wordpress.org/Template_Tags/wp_list_categories

https://wordpress.stackexchange.com/questions/39125/custom-taxonomy-tree-view

avatar de usuario
T.Todua

(funciona para cualquier taxonomía, incluida la “categoría”)

$your_taxonomy='category';

function my_Categ_tree($TermName="", $termID, $separator="", $parent_shown=true ){
    $args="hierarchical=1&taxonomy=".$TermName.'&hide_empty=0&orderby=id&parent=";
            if ($parent_shown) {$term=get_term($termID , $TermName); $output=$separator.$term->name."('.$term->term_id.')<br/>'; $parent_shown=false;}
    $separator .= '-';  
    $terms = get_terms($TermName, $args . $termID);
    if(count($terms)>0){
        foreach ($terms as $term) {
            //$selected = ($cat->term_id=="22") ? " selected": "";
            //$output .=  '<option value="'.$category->term_id.'" '.$selected .'>'.$separator.$category->cat_name.'</option>';
            $output .=  $separator.$term->name.'('.$term->term_id.')<br/>';
            $output .=  my_Categ_tree($TermName, $term->term_id, $separator, $parent_shown);
        }
    }
    return $output;
}

Entonces puedes generar:

1) árbol de categoría objetivo (taxonomía), usando una identificación específica

echo my_Categ_tree($your_taxonomy, 0 );

2) Todas las categorías/taxonomías

foreach (get_terms($your_taxonomy, array('hide_empty'=>0, 'parent'=>0)) as $each) {
    echo my_Categ_tree($each->taxonomy,$each->term_id);
}

Gracias por su respuesta, encontré la solución: este código funciona bien

     $args = array(
            'type'                     => 'post',
            'child_of'                 => 0,
            'parent'                   => 0,
            'orderby'                  => 'name',
            'order'                    => 'ASC',
            'hide_empty'               => 1,
            'hierarchical'             => 0,
            'exclude'                  => '',
            'include'                  => '',
            'number'                   => '',
            'taxonomy'                 => 'category',
            'pad_counts'               => false 
            );
            $cats = get_categories( $args );
            foreach( $cats as $cat) {
                if($cat->parent == 0) {
                    $parent_cat = null;
                    $head = $cat->name;
                    $head_id = $cat->term_id;
                }
                echo "<ul><a class="parent-category" href="">" . $head . "</a>";                                                    
                wp_list_cats("sort_column=NAME&optioncount=0&hierarchical=1&hide_empty=0&child_of={$head_id}&show_option_none=");
                echo "</ul>";
            }

  • wp_list_cats es obsoletousar wp_list_categories

    – Tony

    23 de abril de 2014 a las 13:05

Es una publicación muy antigua, pero tal vez un código más limpio. Para todas las opciones de get_terms por favor mira los documentos. Siéntete libre de hacerlo más genérico:

function build_custom_category_tree ($activeCatId, $activeParentId, $parentId = 0) {

    $output="";
    $terms = get_terms( array(
        'taxonomy' => 'custom_categories',
        'hide_empty' => true,
        'hierarchical' => true,
        'parent' => $parentId
    ) );

    if (count($terms)) {

        $output .= '<ul>';

        foreach ($terms as $term) {
            $output .= '<li class="custom-cat' . ($term->term_id === $activeParentId || $term->term_id === $activeCatId ? ' active' : '') . '">';
            $output .=  $term->name;
            $output .=  build_custom_category_tree($activeCatId, $activeParentId, $term->term_id);
            $output .= '</li>';
        }

        $output .= '</ul>';
    }

    return $output;
}

Y luego en tu plantilla:

<div>
   <?= build_custom_category_tree($catIdOfPost, $rootIdOfCat) ?>
</div>

¿Ha sido útil esta solución?