Coding | PHP | WordPress

WordPress benutzerdefinierte Menüs: HTML Markup zu Menü-Oberpunkten hinzufügen

architecture 1778862 1920

Um die Mobilfreundlichkeit eines Menüs mit jQuery zu verbessern, jedoch ohne das Rendering durch das Anhängen von HTML-Elementen via Javascript zu blockieren, suchte ich nach einem Weg, das HTML-Element das mein jQuery Skript zum Öffnen und Schließen von Untermenüs anspricht, via PHP auszugeben ohne gleich einen Custom Walker dafür bemühen zu müssen. Als Lösung eignet sich der Filter walker_nav_menu_start_el.

function pptf_menu_collapser_to_parents( $item_output, $item, $depth, $args ) {

    $classes = $item->classes;

    if ( in_array( 'menu-item-has-children', $classes ) ) {
        // append mobile collapser after parent links
        $item_output .= '<span class="sub-collapser mobileonly"><span>▼</span></span>';
    }

    return $item_output;

}

add_filter( 'walker_nav_menu_start_el', 'pptf_menu_collapser_to_parents', 10, 4 );

weiter schmökern

Schreibe einen Kommentar

Bitte Kommentarfunktion nicht für Supportanfragen nutzen. Dem kann hier nicht entsprochen werden.

Deine E-Mail-Adresse wird nicht veröffentlicht.