Română
ro

wp_nav_menu: verifică dacă elementul listă are copii și adaugă o clasă linkului ancoră

23 dec. 2011, 07:11:48
Vizualizări: 23.6K
Voturi: 7

Încerc să adaug o clasă linkurilor ancoră ale elementelor copil în wp_nav_menu atât pentru pagini cât și pentru articole. Există vreo modalitate de a modifica Nav Menu Walker pentru a face acest lucru?

În principiu, walker-ul meu personalizat arată așa:

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 (/* ELEMENTUL DE MENIU ARE COPII */) {
                    $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);

    }

}

După cum vedeți nu știu care este condiția corectă în locul /* ELEMENTUL DE MENIU ARE COPII */.

Mulțumesc.

ACTUALIZARE

Mulțumită lui Tamil am actualizat codul astfel:

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) { /* ELEMENTUL DE MENIU ARE COPII */
                 $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);

    }

}

Din păcate nu funcționează :(

navigare
0
Toate răspunsurile la întrebare 3
1
6

Am reușit să adaug o clasă CSS "parent" la tag-ul anchor al elementelor de meniu care au copii, urmând acest răspuns: Adăugare clasă 'has_children' la elementul li părinte la modificarea Walker_Nav_Menu

Iată un exemplu:

class Main_Nav extends Walker_Nav_Menu {
  /**
   * @see Walker::start_el()
   * @since 3.0.0
   *
   * @param string $output Passat prin referință. Folosit pentru a adăuga conținut suplimentar.
   * @param object $item Obiect de date pentru elementul de meniu.
   * @param int $depth Adâncimea elementului de meniu. Folosit pentru padding.
   * @param int $current_page ID-ul elementului de meniu.
   * @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        ) .'"' : '';

    // Verificăm proprietatea personalizată has_children.
    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 );
  }

}
22 ian. 2012 01:47:04
Comentarii

în cazul meu $args->walker->has_children este corect (poate ceva s-a schimbat în clasa de bază Walker_Nav_Menu acum doi ani

Dmitry Shulga Dmitry Shulga
10 sept. 2019 00:43:51
0
4

Cealaltă metodă este foarte simplă și poate fi utilă pentru unii utilizatori

/**
* Clase personalizate pentru navigație
* 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;
}
5 nov. 2017 21:40:51
10
0

Dacă elementele utilizate provin din tabelul {$wpdb->prefix}posts, atunci puteți interoga postările cu

post_parent = $item->ID și post_status = 'publish'

Dacă interogarea returnează orice postare, atunci aceasta are copii și puteți adăuga clasa necesară.

Dacă este vorba despre pagini, codul de pe următoarea pagină poate fi utilizat.

http://www.jeangalea.com/wordpress/check-wordpress-page-childrensubpages/

Cu toate acestea, nu pare să existe o modalitate directă de a verifica dacă există copii.

ACTUALIZARE: Am adăugat cod conform solicitării dumneavoastră.

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) { /* ELEMENTUL DE MENU ARE COPII */
   .....
} else {
   .....
}
23 dec. 2011 08:59:43
Comentarii

Cred că întrebarea se referă la dacă elementul din meniu are elemente copil, nu postarea sau pagina.

Kevin Langley Jr. Kevin Langley Jr.
23 dec. 2011 09:14:55

@tamil, cum ar arăta codul cu sugestiile tale?

Sergey Sergey
23 dec. 2011 09:18:52

@Sergey Am adăugat codul conform cererii tale.

tamilsweet tamilsweet
23 dec. 2011 09:29:35

Am încercat codul tău, dar nu a funcționat. Te rog să ții cont că folosesc pagini, nu postări. Există vreo diferență?

Sergey Sergey
23 dec. 2011 09:31:55

@KevinLangleyJr. Mulțumesc pentru observație. Am trecut cu vederea întrebarea.

tamilsweet tamilsweet
23 dec. 2011 09:32:42

@Sergey nu ar trebui să facă nicio diferență. Poți să-l folosești pentru orice element din meniul de navigare. Poți să dai un link către pagina unde l-ai testat?

tamilsweet tamilsweet
23 dec. 2011 09:34:25

@tamilsweet, am actualizat întrebarea mea. Nu pot să-ți dau linkul - nu are rost codul HTML gata făcut :)

Sergey Sergey
23 dec. 2011 09:37:57

@Sergey Mă îndoiesc că folosești meniul de navigare WordPress. Încearcă să elimini AND post_type='nav_menu_item' din interogare.

tamilsweet tamilsweet
23 dec. 2011 09:45:18

L-am eliminat și tot nu funcționează.

Sergey Sergey
23 dec. 2011 09:49:11

Ar trebui să funcționeze, rulează manual interogarea în baza ta de date și verifică dacă obții rezultat pentru interogare. Folosește instrucțiunea de debug echo pentru a afișa șirul de interogare și numărul pe care îl obții. Aceasta este singura modalitate prin care poți rezolva problema.

tamilsweet tamilsweet
23 dec. 2011 09:51:46
Arată celelalte 5 comentarii
Întrebări similare
Adaugă un Meta Box pentru a încărca o a DOUA Imagine Reprezentativă
6
răspunsuri
Interogare articole după numele termenului taxonomiei
3
răspunsuri
Articole recente pe o pagină statică de start
3
răspunsuri
Cum trimit o cerere ajax și primesc un răspuns de la o funcție?
2
răspunsuri
Cum să adaugi imagini multiple la un articol de tip custom post type?
2
răspunsuri
Cum creez un utilizator folosind noul API JSON în WordPress 4.7?
2
răspunsuri