Eltern wenn auf Unterseite aktiv darstellen

  • [COLOR=#333333]Hallo Zusammen
    [/COLOR]
    (Die Frage habe ich erst im Forum Konfiguration gestellt - man hat mich darauf aufmerksam gemacht, dass dies unter Design gehört).

    [COLOR=#333333]Ich habe auf meiner WP-Site [/COLOR]http://www.bluish.ch/[COLOR=#333333] «Eltern», «Kinder» und «Enkel».[/COLOR]

    [COLOR=#333333]Die Navi ist etwas auf der Site verteilt. Oben die Hauptnavi (Eltern), gleich darunter die Kinder und unten die Enkel - siehe z.B. [/COLOR]http://www.bluish.ch/portfolio/logos/ginkgo/

    [COLOR=#333333]Nun will ich, wenn ich auf einer Kinder- oder Enkelsite bin, dass der Elternlink aktiv bleibt und das in weiss (die anderen aktiven Links sind dunkelbraun). [/COLOR]

    [COLOR=#333333]Bei den Eltern «Home» und «Referenzen» klappt die Einfärbung zu weiss (wenn aktiv). Diese haben aber auch keine Unterseiten. [/COLOR]

    [COLOR=#333333]Ich habe schon alles mögliche an Infos gesucht (und ausprobiert) und bin leider nicht mehr weiter gekommen (da ich halt auch Laie bin). Hat jemand eine Idee wo der Fehler liegt? [/COLOR]

    [COLOR=#333333]Ich bitte ums Feedback.[/COLOR]


    [COLOR=#333333]Beste Grüsse[/COLOR]
    [COLOR=#333333]Reto[/COLOR]


    [COLOR=#333333]PS: Sollte ich dazu die CSS Info oder anderes einfügen - lasst es mich wissen.[/COLOR]

    • 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

  • Nochmals ich.

    Mittlerweile Habe ich im «header li» Bereich [COLOR=#333333]a:active und a:visited ergänzt. Leider nicht mit dem Gewünschten Erfolg.

    In der Hauptnavi erscheinen «Home» und «Referenzen» zwar wie geschwünscht im aktiven Modus in Weiss, jedoch wenn Unterseiten da sind (bei den anderen Hauptnavi Links) passiert dies nicht. Was fehlt? Oder ist was zuviel in meinem (Laien)-CSS-Sheet?

    Ich bitte um Hinweise/Feedbacks.

    Sonnige Grüsse
    Reto[/COLOR]

  • a:active ist nur für das stylen von Elementen die gerade aktiv angeklickt werden. visited -> erklärt sich von selbst.
    Die aktiven Links deiner obersten Menüebene kannst du mittels der CSS-Klasse ".current-page-ancestor a" ansprechen und beliebig stylen.
    LG, Pixselig
    PS: für andere die ein ähnliches Problem haben: es können bei euch auch die Klassen "current_page_parent" oder "current_menu_parent" sein, je nachdem wie ihr euer Menü auf/eingebaut habt.

    Einmal editiert, zuletzt von pixselig (17. April 2013 um 12:01)

  • Yes - hat geklappt. Vielen Dank für die Hilfe!

    Mein CSS Gebastel ist sicher extrem übel und möchte an dieser Stelle für andere Leser im Lern- & Ausprobiermodus darauf hinweisen, dass mein CSS Stylesheet eine schlechte Vorlage darstellt ;-)

  • Hallo pixselig,
    wie ist "je nachdem wie ihr euer Menü auf/eingebaut habt." zu verstehen? Wo sind da die feinen Unterschiede beim Aufbauen von Menüs?
    Danke.
    Grüße
    Achim

    Einmal editiert, zuletzt von Akeem040767 (17. April 2013 um 14:30)

  • Hallo Achim
    Es geht darum wie ein Menü in WP ein/aufgebaut ist. Und zwar macht es dabei auch bei den vergebenen Klassen einen Unterschied ob ich "wp_nav_menu" ( http://codex.wordpress.org/Function_Reference/wp_nav_menu ) oder "wp_list_pages" ( http://codex.wordpress.org/Function_Reference/wp_list_pages ) verwende.
    Im ersteren Fall vergibt WP dann die Klasse "current_menu_parent" und in Zweiterem die Klasse "current_page_parent".

    OK, ist scheinbar doch nicht so (ich lass es jetzt trotzdem mal so stehen).
    Bei meiner Testseite wo ich das Menü ganz OHNE zusätzliche Array mit "wp_nav_menu" aufrufe gibt WP dem Parent-Link folgende Klassen mit:

    Code
    menu-item menu-item-type-post_type menu-item-object-page [COLOR=#ff0000]current-menu-ancestor current-menu-parent current_page_parent current_page_ancestor[/COLOR] menu-item-74


    irgendwie für mich jetzt auch nicht ganz nachvollziehbar -> vorallem stört mich dabei der unterschiedliche Syntax (einmal mit Bindestrich und einmal mit Unterstrich).

    Am besten einfach mittels eines Entwicklertools nachsehen welche Klassen genau von WP vergeben werden.

    LG, Pixselig

  • Das mit dem Binde-/Unterstrich ist mir auch schon aufgefallen ;-)
    Wenn ich grundsätzlich nichts spezifiziere, wird wp_nav_menu angewendet?
    Danke.
    Grüße
    Achim


  • Wenn ich grundsätzlich nichts spezifiziere, wird wp_nav_menu angewendet?

    Das hängt vom verwendeten Theme ab. Bei neueren Themes wird sicher oft wp_nav_menu verwendet (man sieht das daran ob das Theme individuelle Menüs unterstützt bzw natürlich auch in der entsprechenden PHP-Dateien). Doch das individuelle Menü gibt es (glaube ich) erst seit der WP-Version 3, ist das Theme also älter und wurde nicht angepasst wird meisst wp_list_pages verwendet.
    Bzw. wird auch heute oft ein angepasstes wp_list_pages zur anzeige eines Submenüs oder ähnlichem verwendet. Pauschal lässt sich dazu also kaum was sagen.

Jetzt mitmachen!

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