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. Das funktioniert über 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 );
Schreibe einen Kommentar