wp_nav_menu: vérifie si l'élément de la liste a des enfants et ajoute une classe au lien d'ancrage

4

J'essaie d'ajouter une classe pour ancrer des liens d'éléments d'élément enfants dans wp_nav_menu à la fois pour les pages et les publications. Existe-t-il un moyen de modifier le menu de navigation Walker et de le faire?

En gros, mon lecteur personnalisé ressemble à ceci:

class Main_Nav extends Walker_Nav_Menu {
        function start_lvl(&$output, $depth) {
            $indent = str_repeat("\t", $depth);
            $output .= "\n$indent<ul class=\"dropdown-menu\">\n";
        }
        function start_el(&$output, $item, $depth, $args) {

            if( $depth == 0) {
                    $output .= "<li class='menu'>";
            }               
            if( $depth == 1) {
                    $output .= "<li>";
            }
            $attributes  = '';
            ! empty( $item->attr_title ) and $attributes .= ' title="' . esc_attr( $item->attr_title ) .'"';
            ! empty( $item->target )and $attributes .= ' target="' . esc_attr( $item->target ) .'"';
            ! empty( $item->xfn )and $attributes .= ' rel="' . esc_attr( $item->xfn ) .'"';
            ! empty( $item->url )and $attributes .= ' href="' . esc_attr( $item->url ) .'"';

            $title = apply_filters( 'the_title', $item->title, $item->ID );

            if (/* THE MENU ELEMENT HAS CHILDREN */) {
                    $item_output = 
                    "<a $attributes class='menu'>"
                    . $title
                    . '</a> ';
            }

            else {
                    $item_output = 
                    "<a $attributes>"
                    . $title
                    . '</a> ';
            }

            $output .= apply_filters('walker_nav_menu_start_el', $item_output, $item, $depth);

    }

}

Comme vous le voyez, je ne sais pas quelle est la condition adéquate au lieu de /* THE ELEMENT HAS CHILDREN */ .

Merci.

MISE À JOUR

Merci au Tamil, j'ai mis à jour le code comme suit:

class Main_Nav extends Walker_Nav_Menu {
        function start_lvl(&$output, $depth) {
            $indent = str_repeat("\t", $depth);
            $output .= "\n$indent<ul class=\"dropdown-menu\">\n";
        }
        function start_el(&$output, $item, $depth, $args) {

            if( $depth == 0) {
                    $output .= "<li class='menu'>";
            }               
            if( $depth == 1) {
                    $output .= "<li>";
            }
            $attributes  = '';
            ! empty( $item->attr_title ) and $attributes .= ' title="' . esc_attr( $item->attr_title ) .'"';
            ! empty( $item->target )and $attributes .= ' target="' . esc_attr( $item->target ) .'"';
            ! empty( $item->xfn )and $attributes .= ' rel="' . esc_attr( $item->xfn ) .'"';
            ! empty( $item->url )and $attributes .= ' href="' . esc_attr( $item->url ) .'"';

            $title = apply_filters( 'the_title', $item->title, $item->ID );

            global $wpdb;
            $query = $wpdb->prepare("SELECT COUNT(*) FROM $wpdb->posts WHERE post_status ='publish' AND post_type='nav_menu_item' AND post_parent=%d", $item->ID);
            $child_count = $wpdb->get_var($query);

            if($child_count > 0) { /* THE MENU ELEMENT HAS CHILDREN */
                 $item_output = 
                    "<a $attributes class='menu'>"
                    . $title
                    . '</a> ';
            } else {
                    $item_output = 
                    "<a $attributes>"
                    . $title
                    . '</a> ';
            }

            $output .= apply_filters('walker_nav_menu_start_el', $item_output, $item, $depth);

    }

}

Pas de chance cependant: (

    
posée Sergey 23.12.2011 - 06:11

3 réponses

3

J'ai pu ajouter une classe CSS "parent" à la balise d'ancrage des éléments de menu ayant des enfants en suivant cette réponse: Ajouter la classe 'has_children' au parent parent lorsque vous modifiez Walker_Nav_Menu

Voici un exemple:

class Main_Nav extends Walker_Nav_Menu {
  /**
   * @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, $args) {
    global $wp_query;
    $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="' . esc_attr( $class_names ) . '"';

    $id = apply_filters( 'nav_menu_item_id', 'menu-item-'. $item->ID, $item, $args );
    $id = strlen( $id ) ? ' id="' . esc_attr( $id ) . '"' : '';

    $output .= $indent . '<li' . $id . $value . $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        ) .'"' : '';

    // Check our custom has_children property.
    if ( $args->has_children ) {
      $attributes .= ' class="menu parent"';
    }

    $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 );
  }

  function display_element( $element, &$children_elements, $max_depth, $depth=0, $args, &$output ) {
    $id_field = $this->db_fields['id'];
    if ( is_object( $args[0] ) ) {
      $args[0]->has_children = ! empty( $children_elements[$element->$id_field] );
    }
    return parent::display_element( $element, $children_elements, $max_depth, $depth, $args, $output );
  }

}
    
réponse donnée Dave Romsey 22.01.2012 - 00:47
2

L’autre méthode est très simple et peut être utile pour certaines personnes

/**
* Custom Nav Classes
* https://v123.tw
*/
add_filter('nav_menu_css_class' , 'v123_nav_class' , 10 , 2 );
function v123_nav_class ($classes, $item) {
    if (in_array('menu-item-has-children', $classes) ){
        $classes[] = 'other-wordpress-classes';
    }
    return $classes;
}
    
réponse donnée Ann 05.11.2017 - 20:40
0

Si les éléments utilisés proviennent de la table {$wpdb->prefix}posts , vous pouvez rechercher des publications avec

.
  

post_parent = $ item- > ID et post_status = 'publish'

Si la requête renvoie une publication, elle a des enfants et vous pouvez ajouter la classe requise.

Si c'est pour les pages, le code de la page suivante peut être utilisé.

enlace

Cependant, il ne semble pas exister de moyen direct de déterminer si un enfant existe.

UPDATE: Code ajouté selon votre demande.

global $wpdb;
$query = $wpdb->prepare("SELECT COUNT(*) FROM $wpdb->posts WHERE post_status ='publish' AND post_type='nav_menu_item' AND post_parent=%d", $item->ID);
$child_count = $wpdb->get_var($query);
if($child_count > 0) { /* THE MENU ELEMENT HAS CHILDREN */
   .....
} else {
   .....
}
    
réponse donnée tamilsweet 23.12.2011 - 07:59

Lire d'autres questions sur les étiquettes