Aktuelle Seite im Menu-Widget hervorheben

  • Hallo allerseits,
    ich bin gerade dabei mittels Wordpress, bbpress und buddypress eine neue Community aufzubauen. Mein Problem ist allerdings rein Wordpress spezifisch, deshalb poste ich es hier.

    Ich verwende Wordpress 3.8.1 mit dem Theme Nature und einem angepassten Childtheme. Dabei tritt folgendes Problem auf.
    Ich habe das Childtheme von einer meiner anderen WP-Seiten kopiert, bei der eine Programmiererin einige Anpassungen vorgenommen hat. Sie sollte unter anderem dafür sorgen dass im Menu-Widget für die Seiten Übersicht die aktuelle Seite hervorgehoben wird. Dies hat sie wohl angefangen, aber nicht zu Ende gebracht, was allerdings nie aufgefallen ist, denn der Fehler tritt erst jetzt, auf der neuen WP Seite auf.

    Wenn eine bestimmte Seite (News Feed) aktiv ist, wird sie farblich hervorgehoben, aber wenn eine andere Seite aktiv ist, wird sie nicht farblich hervorgehoben. Siehe hier:

    http://www.thespiritualpath.de

    Ich habe versucht mittels Firebug dem Problem auf die Spur zu kommen, die meisten Anpassungen im Design habe ich auf die Art gut bewältigen können und ich möchte lernen, solche Änderungen selbst vorzunehmen um Geld zu sparen.
    Bei diesem Fehler komme ich aber einfach nicht weiter, weil ich irgendwie nicht herausfinde, in welcher Datei ich was genau ändern muss. Leider kann ich weder PHP noch CSS, weshalb ich nur nach dem "try and error" Prinzip vorgehen kann, nur brauche ich hier wohl mehr Kenntnisse.

    Was ich möchte ist, dass immer die aktive Seite farblich hervorgehoben wird im Menu-Widget, so wie es bei der Seite "News Feed" bereits der Fall ist.

    Kann mir bitte jemand helfen?

    LG,
    Sylvia

    • 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 Sylvia,

    ist eigentlich ganz einfach:

    Die Hintergrundfarbe wird nur der Klasse "page-item-65" zugewiesen, das ist genau der Menüpunkt "News Feed".

    Der aktuelle Menüpunkt bekommt immer die Klasse "current-menu-item" zugewiesen. Das ist genau dafür gedacht, um den aktuell gewählten Eintrag hervorzuheben.

    Das änderst Du einfach. Du findest den betreffenden Eintrag in Deiner style.css in Zeile 191.

    Peter

  • Hallo Peter,
    vielen Dank! :-) Das hat super funktioniert.
    Zwei Fragen hätte ich allerdings noch. Jetzt ist es nämlich so dass das aktuelle Item die gleiche Textfarbe wie Hintergrundfarbe hat, wodurch es nicht mehr lesbar ist. Ich dachte das wären die folgenden Zeilen im Code (style.css, Zeile 43 - 47, mit Firebug ausfindig gemacht):

    Code
    a:hover,
    a:active,
    a:focus {
    color:#cc6601;
    background: inherit;

    Wenn ich die Farbe da allerdings ändere, wird das nicht übernommen. Firebug zeigt mir den entsprechenden Code dann durchgestrichen an, aber ich kann nicht sehen, woher er den Farbcode dann nimmt.

    Die zweite Frage ist nicht so wichtig, würde mich aber interessieren. Du hast von "Klassen" gesprochen. Ich dachte CSS und PHP wären Scriptsprachen, Klassen kenne ich nur aus objektorientierten Programmiersprachen, ich dachte, Scriptsprachen wären imperativ?

    Es wäre wirklich nett, wenn Du oder jemand anders mir nochmal antworten könnte. :-)
    LG,
    Sylvia

  • Hallo Sylvia,

    das ist klar, diese Angaben gelten für alle Links und ersetzen damit die Farb-Angabe des übergeordneten li-Elements. Für den aktuellen Menüpunkt musst Du das erneut überschreiben. Dazu fügst Du folgende Angabe noch zusätzlich ein:

    Code
    #links li.current-menu-item a:hover, 
    #links li.current-menu-item a:active, 
    #links li.current-menu-item a:focus { 
      color:#4A1A0C; 
    }

    Zu Deiner zweiten Frage siehe hier: http://www.css-lernen.net/css-klassen.php

    Peter

  • Hallo Peter,
    vielen Dank für Deine Hilfe, jetzt klappt's und langsam verstehe ich etwas besser, was ich da eigentlich mache. Insofern danke für den Link, ich hatte sowieso schon überlegt, ob ich meine Programmierkenntnisse nicht etwas erweitern sollte, jetzt hab ich was, wo ich anfangen kann. :-)
    LG,
    Sylvia

Jetzt mitmachen!

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