Mobiles Theme mit WalkerNav

  • Hallo,

    ich versuche gerade ein mobiles Theme zu bauen mit einer aufklappbaren Navigation. Dieser möchte ich gerne neben den Styles für das Sub Menü auch eine <li> class im Obermenü mitgeben. Ich habe im Netz eine Walker Funktion gefunden, die mein Problem im Submenü löst, nur weiß ich nicht, wie ich diese um eine li class im Obermenü erweitern kann. Ich bin nämlich eine Niete in Php. Es wäre klasse, wenn mit jemand einen Tipp geben könnte.

    Hier ist die ursprüngliche Navigation:

    <nav id="navi" class="navi">
    <ul class="nav-menu">

    <li class="nav-item"><span class="current">Startseite</span></li>

    <li class="nav-item">
    <a class="has_sub" href="#">Eintrag 1</a>
    <div class="sub-nav">

    <ul class="sub-nav-group">
    <li><a href="#">Unterpunkt 1</a></li>
    <li><a href="#">Unterpunkt 2</a></li>
    <li><a href="#">Unterpunkt 3</a></li>
    <li><a href="#">Unterpunkt 4</a></li>
    </ul>
    </div>

    </li>

    <li class="nav-item">
    <a href="#">EIntrag 2</a>
    </li>


    <li class="nav-item">
    <a href="#">Eintrag 3</a>
    </li>
    </ul>

    </nav>

    Hier die im Theme jetzt:

    <?php wp_nav_menu( array (
    'theme_location' => 'top',
    'container' => 'false',
    'menu_class' => 'nav-menu',
    'menu_id' => '',
    'walker' => new WPSE_78121_Sublevel_Walker
    )
    ); ?>

    Hier die functions.php:

    class WPSE_78121_Sublevel_Walker extends Walker_Nav_Menu
    {

    function start_lvl( &$output, $depth = 0, $args = array() ) {
    $indent = str_repeat("\t", $depth);
    $output .= "\n$indent<div class='sub-nav'><ul class='sub-nav-group'>\n";
    }
    function end_lvl( &$output, $depth = 0, $args = array() ) {
    $indent = str_repeat("\t", $depth);
    $output .= "$indent</ul></div>\n";
    }

    }


    Hier ist die Domain http://muster.asap-wordpress.de/


    Vielen lieben Dank.

    Gruß

    Alex

    • 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

Jetzt mitmachen!

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