1. Herzlich willkommen bei WPDE.org, dem grössten und ältesten deutschsprachigen Community-Forum rund um das Thema WordPress. Du musst angemeldet oder registriert sein, um Beiträge verfassen zu können.
    Information ausblenden

Vertikales Menü mit Abständen

Dieses Thema im Forum "Design" wurde erstellt von katweazl, 21. November 2011.

  1. katweazl

    katweazl Member

    Registriert seit:
    21. November 2011
    Beiträge:
    19
    Zustimmungen:
    0
    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:
     
  2. katweazl

    katweazl Member

    Registriert seit:
    21. November 2011
    Beiträge:
    19
    Zustimmungen:
    0
    Ok, ich frage nochmal anders: Wie kann ich einzelnen Punkten im Menu CSS-Klassen zuweisen?
     
  3. katweazl

    katweazl Member

    Registriert seit:
    21. November 2011
    Beiträge:
    19
    Zustimmungen:
    0
    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:
     
    #3 katweazl, 25. November 2011
    Zuletzt bearbeitet: 26. November 2011
  4. nepf

    nepf Well-Known Member

    Registriert seit:
    27. Dezember 2004
    Beiträge:
    1.459
    Zustimmungen:
    0
    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
     
  5. katweazl

    katweazl Member

    Registriert seit:
    21. November 2011
    Beiträge:
    19
    Zustimmungen:
    0
    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!
     
    #5 katweazl, 27. November 2011
    Zuletzt bearbeitet: 29. November 2011
  6. katweazl

    katweazl Member

    Registriert seit:
    21. November 2011
    Beiträge:
    19
    Zustimmungen:
    0
    ...um die Frage als beantwortet zu markieren: Genauso funktioniert das. Danke.
     
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden