Klappmenü mit Icons kennzeichnen

  • Moin!

    Ich habe mir im Backend ein eigenes Menü zusammengestellt.

    Im Template wird dieses dann wie folgt verwendet:

    PHP
    <?php wp_nav_menu( 
         array( 
             'theme_location' => 'primary',
             'container' => '',
             'menu_class' => 'nav', 
         ) 
    ); ?>

    Das ausgelieferte HTML schaut strukturell so aus:

    Nun hätte ich gern ein Icon vor einem Menüpunkt, welches dem User mitteilt, daß er einen Menüpunkt aufklappen kann. Leider scheint der Elternmenüpunkt nicht zu wissen, daß es ein Untermenü besitzt.

    Wie kann ich diesem Elternmenü eine spezielle CSS-Klasse als "Hebel" für mein Styling mitgeben? Die IDs sind keine Lösung, da sich diese ja von Blog zu Blog ändern können.

    Vielen Dank vorab für eure Hilfe!

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • Mit CSS gibt es da wohl keinen einfachen Weg. Du kannst also entweder an die Erstellung des Menüs ran, da muss man aber wahrscheinlich eine etwas umfangreichere Walker-Klasse überschreiben. Das lohnt hierfür eher nicht, denke ich. Oder Du machst das mit JavaScript, mit einem jQuery-Einzeiler:

    Code
    jQuery('ul.[COLOR=#000080][COLOR=#0000FF]sub-menu[/COLOR][/COLOR]').parent().addClass('menuWithChildren');


    Bist Du mit jQuery soweit vertraut oder brauchst Du weitere Tips zur Umsetzung?

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!