web-dev-qa-db-fra.com

Déterminer si un élément de navigation a des enfants

J'essaie de déterminer si un article a un sous-article de profondeur 1 ou plus. Je ne peux trouver nulle part s'il y a une fonction/requête que je peux écrire qui saisit l'élément en cours dans la base de données s'il contient des sous-pages et renvoie true.

Mon objectif est de donner à la classe <li> une classe différente selon que l'élément de menu a un sous-élément.

L'extrait du code pour ce que j'ai jusqu'à présent:

if ($depth == 0) 
{
    if( /*page has subpages*/ )
    {
            $class_names = $class_names ? ' class="menu-enable"' : '';
    }
    else
    {
            $class_names = $class_names ? '' : '';
    }
}
else
{
    $class_names = $class_names ? ' class="sub-menu-enable"' : '';
}

Maintenant, j'ai besoin d'un code qui fonctionne à page a sous-pages . Comment puis-je détecter les articles parents?

Modifier:

Classe de marcheur personnalisée maintenant:

 class header_walker extends Walker_Nav_Menu
{
 /**
 * @see Walker::start_lvl()
 * @since 3.0.0
 *
 * @param string $output Passed by reference. Used to append additional content.
 * @param int $depth Depth of page. Used for padding.
 */
function start_lvl( &$output, $depth = 0, $args = array() ) {
    $indent = str_repeat("\t", $depth);
    $output .= "\n</li>$indent<div class=\"menu-items\"><div class=\"submenu-item\"><ul>\n";
}

/**
 * @see Walker::end_lvl()
 * @since 3.0.0
 *
 * @param string $output Passed by reference. Used to append additional content.
 * @param int $depth Depth of page. Used for padding.
 */
function end_lvl( &$output, $depth = 0, $args = array() ) {
    $indent = str_repeat("\t", $depth);
    $output .= "$indent</ul></div></div>\n";
}

/**
 * @see Walker::start_el()
 * @since 3.0.0
 *
 * @param string $output Passed by reference. Used to append additional content.
 * @param object $item Menu item data object.
 * @param int $depth Depth of menu item. Used for padding.
 * @param int $current_page Menu item ID.
 * @param object $args
 */
function start_el( &$output, $item, $depth = 0, $args = array(), $id = 0 ) {

    $indent = ( $depth ) ? str_repeat( "\t", $depth ) : '';

    $class_names = $value = '';
    $classes = empty( $item->classes ) ? array() : (array) $item->classes;
    $classes[] = 'menu-item-' . $item->ID;

    $class_names = join( ' ', apply_filters( 'nav_menu_css_class', array_filter( $classes ), $item, $args ) );
    $class_names = $class_names ? ' class="' . esc_attr( $class_names ) . '"' : '';
            /*
    // values of depth
    echo $item->title.' - ';
    echo $depth.'<br />';
    echo $class_names;

    if ($depth == 0) 
    {
        if( check for subpage )
        {
            $class_names = $class_names ? ' class="menu-enable"' : '';
        }
        else
        {
            $class_names = $class_names ? '' : '';
        }
    }
    else
    {
        $class_names = $class_names ? ' class="sub-menu-enable"' : '';
    }*/

    $output .= $indent . '<li' . $class_names .'>';

    $attributes  = ! empty( $item->attr_title ) ? ' title="'  . esc_attr( $item->attr_title ) .'"' : '';
    $attributes .= ! empty( $item->target )     ? ' target="' . esc_attr( $item->target     ) .'"' : '';
    $attributes .= ! empty( $item->xfn )        ? ' rel="'    . esc_attr( $item->xfn        ) .'"' : '';
    $attributes .= ! empty( $item->url )        ? ' href="'   . esc_attr( $item->url        ) .'"' : '';

    $item_output = $args->before;
    $item_output .= '<a'. $attributes .'>';
    $item_output .= $args->link_before . apply_filters( 'the_title', $item->title, $item->ID ) . $args->link_after;
    $item_output .= '</a>';
    $item_output .= $args->after;

    $output .= apply_filters( 'walker_nav_menu_start_el', $item_output, $item, $depth, $args );
}
/**
 * @see Walker::end_el()
 * @since 3.0.0
 *
 * @param string $output Passed by reference. Used to append additional content.
 * @param object $item Page data object. Not used.
 * @param int $depth Depth of page. Not Used.
 */
function end_el( &$output, $item, $depth = 0, $args = array() ) {
    $output .= "</li>\n";
}

}

menusnavigationwalker
3
N.Schipper

Vous pouvez filtrer wp_nav_menu_objects et ajouter les classes en une seule fois. Vous n’avez même pas besoin d’un marcheur personnalisé pour cela.

add_filter( 'wp_nav_menu_objects', 'add_has_children_to_nav_items' );

function add_has_children_to_nav_items( $items )
{
    $parents = wp_list_pluck( $items, 'menu_item_parent');

    foreach ( $items as $item )
        in_array( $item->ID, $parents ) && $item->classes[] = 'has-children';

    return $items;
}

La classe has-children sera désormais assignée automatiquement aux éléments li correspondants.

Dans un programme personnalisé, vous trouverez la classe dans $item->classes dans votre fonction start_el(). Les lignes suivantes du marcheur par défaut feront l'affaire:

$class_names = join( ' ', apply_filters( 'nav_menu_css_class', array_filter( $classes ), $item, $args ) );
$class_names = $class_names ? ' class="' . esc_attr( $class_names ) . '"' : '';
3
fuxia

À partir de WordPress 3.7 (octobre 2013), des classes CSS ont été ajoutées pour indiquer les éléments de menu enfants et les pages dans les menus de thèmes. Il n'est donc pas nécessaire d'utiliser un programme personnalisé tel qu'il est utilisé dans WordPress.

Les classes CSS sont nommées menu-item-has-children et page_item_has_children.

La sortie HTML résultante ressemblera à ceci (simplifié pour plus de clarté):

<ul>
    <li><a href="#">Home</a></li>
    <li class="menu-item-has-children"><a href="#">About</a>
        <ul class="sub-menu">
            <li><a href="#">Our Mission</a></li>
        </ul>
    </li>
    <li><a href="#">Contact Us</a></li>
</ul>
1
rjb