vertikales Menü horizontal anordnen

  • Hi,
    gibt es eine Möglichkeit, das "vertikale Menü" horizontal anzuordnen??

    Ich habe es unter dem Hauptmenü sitzen, oberhalb meines Inhaltsbereichs.
    Ich möchte nun, dass die Menüpunkte wie beim horizontalen Hauptmenü ebenfalls nebeneinander sitzen statt untereinander. Geht sowas??

    Oder kann man stattdessen einfach ein zweites Hauptmenü einsetzen (z.B. das erste für Seiten und das zweite für Kategorien)??

    :?:

    • 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

  • Ja, das geht besonders gut, wenn die Navigation eine Liste ist, die Du dann per CSS horizontal anordnest.

    Das klingt interessant. Hast du mir einen Code-Schnippsel, wie das aussehen könnte? Habe es mit einfügen von block: indent im vmenu versucht, aber das hat nichts genutzt.

    Wird diese Liste dann auch automatisch erweitert, wenn neue Seiten bzw. Kategorien dazu kommen, wie es bei den Menüs der Fall ist?

  • http://codex.wordpress.org/Function_Reference/wp_list_pages

    PHP
    <ul>
        <?php wp_list_pages(); ?>
    </ul>

    Nun listet Wordpress ALLE Seiten als <li>a< href="#">Seitenname</a></li> auf.

    Eine aktive, also grade besuchte Seite bekomm dann die li Klasse "current_page_item".

    Damit kann man dann im CSS anfangen alles zu formatieren.
    Ein untermenü bekommt auch bei aktiver Seite die Klasse current_page_item.

    Das Untermenü sieht dann in etwa so aus:

    HTML
    <ul>
       <li><a href="#">Oberseite</a>
                 <ul>
                      <li><a href="#">Unterseite</a></li>
                 </ul>
       </li>
    </ul>


    Dabei erhält das li Element , das übergeordnet ist ( Oberseite ) die Klasse current_page_parent.

    Um das alles zu verstehen, lohnt sich ein Blick in den Quelltext bei verschiedenen Seiten, also bei deiner Seite mit aktiver Oberseite mal die KLassen der Elemente anschauen und dann mal anschauen, wie sich die Klassen verändern, wenn du auf eine Unterseite gehst ;)

Jetzt mitmachen!

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