Dropdown funktionalität in Navigation-Bar einbauen

  • Hallo

    In meinem Wordpress-Blog habe ich eine Navigationsbar (horizontal) eingebaut. Wenn ich Seiten erstelle, erscheinen deren Titel automatisch als Menüpunkte in der Navigationsbar. Dies wird über folgenden Code in der header.php geregelt:

    PHP
    <div id="navbar" class="clear"> <ul>
     <li <?php if ( is_home() || is_single() || is_archive() ) { echo ' class="current_page_item"'; } ?>></li>
     <?php wp_list_pages('depth=2&title_li'); ?> <!--To preserve design reduce the amount of pages displayed on navbar and use sidebar to list all pages.
    -->
    </ul>
     </div>

    Das Aussehen der Navbar ist in der style.css festgelegt.

    Für einen dieser Menüeinträge möchte ich Untereinträge (Links auf Unterseiten) erstellen, die dann (automatisch ?) in einem Dropdown-Menü erscheinen sollen. Wie kann ich so ein Dropdown-Menü erstellen (am besten per php)?
    Für Hinweise bin ich sehr dankbar.

    Mit freundlichen Grüßen

    david220

    • 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

  • warum so umständlich via PHP? Das Backend von WP bietet doch in den Menüeinstellungen auch die Dropdown Option

    -Menü anlegen
    -Menüpunkte in die gewünschte Reihenfolge bringen, per Drag and Drop
    -die Menüpunkte oder Seiten, die als Dropdown gewünscht werden unter dem "Hauptmenüpunkt" etwas nach rechts verschieben (Drag & Drop)
    - Fertig

  • Hallo

    Danke für die Antwort an Psychoraz. Mittlerweile habe ich das Problem durch folgende Zeile in header.php gelöst bekommen, die auch Unterpunkte ermöglicht / erfasst:

    PHP
    <div id="nav" class="clearfloat"> <ul>
    <?php wp_list_pages('title_li='); ?>
    <ul class="children">
    
    
    </ul>
    </li>
    </ul>

    Jetzt habe ich aber ein neues Problem. Ein Menüpunkt meiner Navigationsbar heißt "Impressionen". Auf der Seite sind Bilder.
    Ein Unterpunkt und damit der erste Eintrag in der Dropwon-Liste heißt "Flohmärkte 2011", darunter gibt es einen zweiten Eintrag in der Dropdown-Liste. Die Unterpunkte (untereinander stehend) enstehen, indem man bei Erstellung der jeweiligen Seite angibt:
    Seite "Flohmärkte 2011": Eltern von "Flohmärkte 2011" = "Impressionen"
    Seite "Flohmärkte 2012": Eltern von "Flohmärkte 2012" = "Flohmärkte 2011".

    Ein aktiver Button in der Navigationsbar wird u.a. dunkler hinterlegt. Bei dem oben beschriebenen Button "Impressionen" und seinem Dropdown-Menü funktioniert das aber nicht richtig.
    Klicke ich auf "Impressionen" so sind dieser Button und alle Buttons im Dropdown-Menü dunkel hinterlegt. Es sollte aber nur der aktuelle (aktive) Button dunkel hinterlegt sein.

    Ich habe schon verschiedene Änderungen in der style.css unternommen aber das hilft nicht.

    Für Ideen und Anregungen wäre ich sehr dankbar.

    Mit freundlichen Grüßen

    david220

Jetzt mitmachen!

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