Cum pot dezactiva linkurile pentru elementele de meniu părinte?

Nu creați URL-uri false (#). Acest lucru ar fi foarte neplăcut pentru utilizatorii cu cititor de ecran: aceștia folosesc o listă de linkuri disponibile pentru a naviga pe site-ul vostru. Același lucru este valabil și pentru linkurile javascript:, care oricum nu sunt un markup elegant.

Aveți nevoie de doi pași:

1. Marcați elementele care au copii înainte ca walker-ul să înceapă.
2. Înlocuiți markup-ul pentru părinții de nivel superior.

Voi folosi un element <a> gol aici pentru a facilita obținerea cursorului. Probabil veți avea nevoie de ceva de genul acesta în fișierul dumneavoastră de stiluri:

.menu > .has-children {
    cursor: pointer;
}

Filtrul pentru marcarea elementelor părinte este preluat din acest răspuns. A doua funcție verifică doar această proprietate și testează dacă elementul în sine nu este un element copil.

add_filter( 'wp_nav_menu_objects',      't5_add_has_children_to_nav_items' );
add_filter( 'walker_nav_menu_start_el', 't5_unlink_parent_item', 10, 4 );

/**
 * Adaugă proprietatea 'has_children' elementelor de meniu
 *
 * @wp-hook wp_nav_menu_objects
 * @param   array $items
 * @return  array
 */
function t5_add_has_children_to_nav_items( $items )
{
    $parents = wp_list_pluck( $items, 'menu_item_parent' );
    $out     = array ();

    foreach ( $items as $item )
    {
        in_array( $item->ID, $parents ) && $item->has_children = TRUE;
        $out[] = $item;
    }
    return $items;
}
/**
 * Înlocuiește markup-ul pentru elementele părinte de nivel superior.
 *
 * @wp-hook walker_nav_menu_start_el
 * @param   string $item_output
 * @param   object $item
 * @param   int    $depth
 * @param   object $args
 * @return  string
 */
function t5_unlink_parent_item( $item_output, $item, $depth, $args )
{
    // nu este element părinte de prim nivel
    if ( empty ( $item->has_children ) or 0 != $item->menu_item_parent )
        return $item_output;

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

    $classes = empty( $item->classes ) ? array() : (array) $item->classes;
    $classes[] = 'menu-item-' . $item->ID;
    $classes[] = 'has-children';
    $class_names = join(
        ' ',
        apply_filters(
            'nav_menu_css_class',
            array_filter( $classes ),
            $item,
            $args
        )
    );
    $class_names = $class_names
        ? ' class="' . esc_attr( $class_names ) . '"'
        : '';

    return "<li$id>$args->before<a class='menu-item has-children'>$title</a>$args->after";
}

Aș crea pur și simplu elemente personalizate de meniu cu un javascript:void(0) ca href ori de câte ori este necesar un element părinte.

Funcționează cu WordPress 3.5:

1. Adaugă o intrare Link cu numele dorit și un URL #
2. Editează intrarea din meniu creată și elimină #

Trebuie să parcurgi ambele pași, deoarece nu poți adăuga o intrare în meniu cu URL gol.

Puțin târziu, dar pentru utilizare viitoare. Puteți crea un link personalizat pentru elementul părinte. Când îl adăugați, trebuie să includeți un #, dar odată adăugat, îl puteți elimina, ceea ce dezactivează linkul.

Pentru a elimina cursorul activ "hover":

Opțiuni Temă > Meniu derulant > Faceți elementele de meniu părinte clicabile : dezactivați