Vertikales Menü mit Abständen

  • Moinsen liebe Wordpressforumnutzer!

    Ich versuche, ein vertikales Menü zu erstellen, bei dem zwischen einigen Menüpunkten grössere Abstände sind als zwischen anderen. Ich benutze die Menü-Funktion und habe das Menü als primary navigation in der sidebar platziert.

    Hier gibt es ein Photo vom Ist- und Soll-Zustand:
    http://katsu.de/abstaende.png

    Code braucht man dazu glaube ich nicht ? , drum spar ich das mir und euch erstmal (Seite ist nicht live, sondern nur auf meinem lokalen Server). Falls doch, poste ich natürlich gerne noch Quelltext und/oder CSS.

    Über Hilfe wäre ich SEHR SEHR dankbar!

    PS. Da ich gerade anfange, Wordpress zu lernen, um es als CMS einzusetzen, bleibt dies meine erste, aber bestimmt nicht meine letzte Frage :mrgreen:

    • 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

  • Also, ich hab das jetzt -extrem unelegant- so gelöst:


    <div id="sidebar" role="navigation">

    <ul>
    <li><a href="index.php/?page_id=37" title="Aktuelles">Aktuelles</a></li>
    <li>&nbsp;</li>

    <li><a href="index.php/?page_id=23" title="Photo">Photo</a></li>
    <li><a href="index.php/?page_id=25" title="Vita">Vita</a></li>
    <li><a href="index.php/?page_id=27" title="B&uuml;hne">B&uuml;hne</a></li>
    <li><a href="index.php/?page_id=29" title="Showreel">Showreel</a></li>
    <li><a href="index.php/?page_id=31" title="Audio">Audio</a></li>
    <li>&nbsp;</li>

    <li><a href="index.php/?page_id=35" title="Referenzen">Referenzen</a></li>
    <li><a href="index.php/?page_id=33" title="Presse">Presse</a></li>
    <li><a href="index.php/?page_id=64" title="Download">Download</a></li>
    <li>&nbsp;</li>

    <li><a href="index.php/?page_id=37" title="Kontakt">Kontakt</a></li>
    <li>&nbsp;</li>
    <li>&nbsp;</li>

    <li><a href="index.php/?page_id=207" title="Archiv">Archiv</a></li>
    <li><?php wp_get_archives('type=monthly'); ?></li>
    </ul>

    </div>
    <!--end Menu-->


    ...ich lass das jetzt erstmal so...

    Falls doch nochmal einer über diese Frage stolpert: Ich bin an einer korrekten Lösung überaus interessiert :grin:

    Einmal editiert, zuletzt von katweazl (26. November 2011 um 21:36)

  • Ok, ich frage nochmal anders: Wie kann ich einzelnen Punkten im Menu CSS-Klassen zuweisen?

    eigentlich mach das doch WordPress für dich und weist automatisch den menüpunkten Klassen zu

    .page-item-2
    .page-item-3

    usw.

    die du dann per CSS ansteuern kannst

    tschüß [size=24][color=olive]n[/color][/size]epf

  • Das hört sich an, als ob das funktionieren müsste :)

    Ok, ganz blöde Frage: Woher weiss ich ich, welche Seite wie heisst?
    Ist das die Page ID? Da gibts bei mir nämlich keine 1 & 2, sondern 23, 25, 27, ...

    EDIT: Antwort an selbst: Ja, es ist die page ID.
    Ich versuch das die Woche mal und berichte dann, ob und wie erfolgreich ich war.

    Danke nochmal für den Hinweis!

    Einmal editiert, zuletzt von katweazl (29. November 2011 um 17:55)

Jetzt mitmachen!

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