Neue Menü-Funktion in WP 3.0, indiv. Menü-Widget

  • Hallo,
    ich habe hier ein linkes Sidebar-Menü mit Hilfe der neuen Menü-Funktion in WP 3.0 und einem "individuellem Menü-widget" erstellt:
    http://test.martin-dierks.de/kundalini-yoga.html

    Mein Theme gibt mir die Möglichkeit, jetzt noch die Farben und Schrift anzupassen, mehr nicht.

    Ich würde gerne das padding verringern, so dass die Menüpunkte weiter an den linken Rand rücken und außerdem den Abstand der Menüpunkte zueinander (untereinander) vergrößern.
    Geht das irgendwie über WP oder nur über CSS in meiner custon.css und wenn ja, kann mir jemand den Code sagen?

    Das WP-Menü ist anders als das horizontale Menü oben kein Dropdown, sondern listet Unterseiten eingerückt auf. Das lässt sich wohl nicht ändern bzw. nur über ein komplett eigenes Menü?

    • 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

  • Schau in deine css:

    [size=10]Bitte immer zuerst die Forensuche nutzen und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.
    Kein Support per PN - Fragen gehören ins Forum.[/SIZE]
    [size=8]Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)[/SIZE]

  • Hey klasse, vielen Dank! Ich habe deinen Code einfach in die custom.css eingegeben und voila.

    Hab mich jetzt zwar kurz gewundert, weil ich immer dachte, die Selektoren würden themebedingt eigene Bezeichnungen haben, die ein anderer gar nicht wissen kann, aber vermutlich ist das Sidebar-Widget REINES Wordpress und deshalb klappt das gleich.

    Nach einem schönen Menü sieht es zwar immer noch nicht aus, aber jetzt habe ich Gestaltungsmöglichkeiten. Ich glaube, die Links sind zu lang und ein Icon/Pfeil davor würde es optisch stärker zu einem Menü machen. Ließe sich das auch per custom.css machen? Oder muss man direkt in WP/Navigation jedem Menüpunkt eine Klasse zuordnen?

    Dass Untermenüpunkte nicht als Rollover-Dropdown, sondern untereinander gelistet werden, ist wohl feste WP-Funktion und lässt sich nicht so leicht ändern?

  • Hab mich jetzt zwar kurz gewundert, weil ich immer dachte, die Selektoren würden themebedingt eigene Bezeichnungen haben, die ein anderer gar nicht wissen kann, aber vermutlich ist das Sidebar-Widget REINES Wordpress und deshalb klappt das gleich.

    Nö, hab einfach auf deine Seite geschaut und dort mit Firebug die css ausgelesen ;-)

    Ich glaube, die Links sind zu lang

    jupp

    ein Icon/Pfeil davor würde es optisch stärker zu einem Menü machen

    Dann ändere das list-style:

    Code
    ul.sidebar li ul li, ul.link-list li {
    [COLOR=Red]list-style:[/COLOR][COLOR=Red]circle inside none;[/COLOR]
    margin:0 0 15px;
    }

    [size=10]Bitte immer zuerst die Forensuche nutzen und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.
    Kein Support per PN - Fragen gehören ins Forum.[/SIZE]
    [size=8]Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)[/SIZE]

  • Ich vermute mal, der "circle" steht für den kleinen Kreis. Gibt es irgendwo eine Auflistung an Alternativen, z.B. für einen vollen Kreis bzw. Punkt, Dreieck usw.?

    Im WP-Menü sind die Links unterstrichen, obwohl das für ein Menü mittlerweile eher ungewöhnlich ist. Da ich außerdem im oberen Menü auch keine unterstrichenen Links habe, würde ich die Unterstreichung gerne rausnehmen. Ich vermute, auch das geht mit CSS, dürfte aber nicht die Textlinks in der rechten Sidebar betreffen, die müssten unterstrichen bleiben (die hat wohl anderen Selector?).
    Kannst du mir bitte auch dafür den Code sagen?

    Mein letztes Anliegen betrifft die Unterseite des obersten, ersten Links. Bei dem WP-Menü werden offenbar Subseiten nicht als Rollover-Dropdown, sondern als feste, immer sichtbare Liste angelegt. Bei vielen Unterseiten wird das Menü dann zu lang und unübersichtlich. Das ist wohl fest eingebaut und lässt sich nicht per CSS in ein Rollover-Dropdown ändern? Evtl. durch eine Klasse für den einzelnen Menüpunkt, was man in den Optionen aktivieren kann? Für eine andere Anwendung (versch. Icons) ist das hier angesprochen:
    http://www.ivorpadilla.net/cuztomizing-wo…tom-menu-icons/

    Einmal editiert, zuletzt von Autor33 (15. Oktober 2010 um 10:53)

  • ich vermute mit css kennst du dich gar nicht aus, oder?
    Für die list-styles schau mal hier: http://www.css4you.de/list-style-type.html
    du könntest auch eigene Grafiken verwenden: http://de.selfhtml.org/css/eigenschaf…ist_style_image

    Beschäfftige dich mal intensiver mit css. Du kannst z.B. Firebug (für Firefox) verwenden um die anzusprechenden IDs bzw. Classen zu sehen.

    Code
    div.menu-seitennavi-container a{text-decoration:none}

    Für eine "dropdown"-Navi such mal hier im Forum oder über Google, wurde schon einige Male besprochen.

    [size=10]Bitte immer zuerst die Forensuche nutzen und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.
    Kein Support per PN - Fragen gehören ins Forum.[/SIZE]
    [size=8]Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)[/SIZE]

  • Danke für die Tipps.

    Wegen des dropdown schaue ich mich mal um. Ich dachte, weil die Menü-Funktion plus indiv. Menü-Widget was Neues sei, wäre ein dropdown DARAUS zu machen etwas vermutlich noch nicht im Forum Angesprochenes.

Jetzt mitmachen!

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