Sidebar: Nur aktiven Link highlighten

    Liebe Forenmenschen,

    habe leider schon wieder mal ein Problem, dem ich nicht auf die Spur komme. Also meine WP-Installation (1.5.1.3) ist immer noch offline, deshalb keine Vorschau möglich.

    Nun zu meinem Problem: Ich benutze das Kubrick-Template, welches ich modifiziert habe. Die Seiten sind nur über die Verwaltung-Seiten-Funktion angelegt, also ein kleines CMS (ist nicht für mich, sondern für Menschen mit wenig HTML-Kenntnissen).

    Nun hätte ich gerne, dass wenn einer dieser (statischen) Seiten aktiv ist, dieser aktive Zustand in der Navi-Leiste sichtbar ist.

    Also Beispiel:

    Verein
    Team
    - Teammitglieder

    In diesem Beispiel wäre Teammitglieder die aktive Seite und - hier - fett ausgezeichnet.

    Ich habe herausgefunden, dass für die Auszeichnung des aktiven Menüpunktes die Klasse

    Code
    .current_page_item

    zuständig ist. Definiere ich aber diese Klasse in meiner CSS, so tritt folgendes Problem auf:

    Alles okay, soweit der aktive Punkt ein Unterpunkt ist. Also ganz richtig ausgezeichnet wie oben gewünscht. Ist der aktive Punkt aber ein Oberpunkt - wie im obigen Beispiel Team, so wird gleichzeitig auch der Unterpunkt auch fett ausgezeichnet - was ja nicht gewünscht ist - es soll ja nur Team fett sein, Teammitglieder ja nicht.

    Hat jemand eine Idee? Stehe im Moment auf der Leitung. Muss ich das über PHP lösen und wenn ja, wie?

    Herzlichen Dank schon mal an alle
    Grüße
    Ute

    • Gerade eben
    • 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

    Hallo Ute,

    hast du mittlerweilen herausgefunden wie das geht? Würde mich auch interessieren, bei mir funktioniert das mit dem Highlighten des aktiven links nämlich auch nicht.
    Habe WordPress 1.5.irgendwas. und das Steam Template, etwas angepasst. Habe im CSS File a:active mitangegeben, aber es passiert rein garnichts ;(

    Kann jemand helfen?
    Liebe Grüße
    zevv

    ~There's always a method in my madness~

    Hallo ;)
    weiß denn keiner woran das mit dem Highlighten liegen könnte??

    Viele Grüße
    zevv

    ~There's always a method in my madness~

    Hallo zew,

    habe erst heute wieder in meine Post sehen können und gesehen, dass Du auch ein Problem mit aktiven Links hast.

    Also ich kenne dein Theme nicht, aber ich glaube, dass das, was ich oben geschrieben habe, Theme-übergreifend ist.
    Soweit ich es überblicken kann, ist folgende CSS-Klasse für das highlighten eines aktiven Links verantwortlich:

    Code
    .current_page_item


    Dieser musst Du deine Auszeichnung verpassen.

    Bei mir hat es nicht geklappt. weil ich eine hierarchische (statische) Seitenstruktur habe, also Oberpunkte, die jeweils wieder Unterpunkte haben. Wenn also ein Oberpunkt markiert ist, vererbt er seine Auszeichnung den Unterpunkten - und das wollte ich vermeiden.

    LG

    Ute

    weise dem aktiven link, den du wie auch immer ansprichst zB mit php wie hier gezeigt einfach eine klasse .selected zu und dann im stylesheet wie folgt:

    Zitat

    .selected {

    color: #ff0000;
    }

    bspw....

    Shibby.....

    Mein Blog

    Hallo zusammen,

    war jetzt schon länger nicht mehr hier, das Problem besteht bei mir aber immer noch. Werde mir eure Tipps zu Herzen nehmen und heute Abend ausprobieren.

    Danke ;-)

    ~There's always a method in my madness~

    .page_item und .current_page_item beschreiben die [*]-tags nicht-aktiver bzw. aktiver links, nicht aber den link selbst. wenn also der link selbst irgendwie markiert werden soll, muss im stylesheet

    Code
    .current_page_item a { 
	... fett ...
	... farbig hinterlegt ...
	... oder was auch immer ... 
	}


    stehen. damit werden dann aber ALLE links innerhalb des listenpunktes der klasse .current_page_item markiert. das muss man wieder aufheben:

    Code
    .current_page_item .page_item a { 
	... nicht mehr fett ...
	... nicht mehr farbig hinterlegt ...
	... oder was auch immer ...
	}


    man kann natürlich auch den "aktiven" listenpunkt farbig hinterlegen, damit ist aktive link darin ja quasi mit markiert:

    Code
    .current_page_item {
	... farbig hinterlegt ...
	}


    bloß ist dann der gesamte listenpunkt farbig, und es nutzt nichts, allen .page_items innerhalb von .current_page_item einen transparenten hintergrund zu geben. die sollten dann eine andere farbe bekommen:

    Code
    .current_page_item .page_item {
	... hintergrundfarbe der navigationsleiste ...
	}

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden