Heben Sie die Markierung des Blog-Menüelements auf, wenn Kategorie-Menüelement ausgewählt ist

Auf einer Website, an der ich gerade arbeite, verwende ich eine Blog-Kategorie namens “Podcast” für Podcasts, die gepostet werden. Ich habe das als Menüpunkt wie abgebildet. Mein einziges Problem ist, dass wenn ich auf Podcast klicke (nur ein Link zu /blog/category/podcast/ hebt es sowohl die /blog/category/podcast/ als auch die Podcast-Menüpunkte hervor), was sinnvoll ist, da jeder Podcast technisch gesehen ein Blogpost ist.

Was ich erreichen möchte, ist, dass der Blog-Menüpunkt nicht hervorgehoben wird, wenn man sich auf dem Podcast-Link befindet ( /blog/category/podcast/ ) oder wenn man einen Blog-Post mit der einzigen Kategorie sucht, die ‘ Podcast “ . Ich habe derzeit ein Kindthema, bin aber darüber gestolpert, welchen Code ich in meiner functions.php benötigen würde, um dies zu erreichen. Ich schätze jede Hilfe oder Führung.

Solutions Collecting From Web of "Heben Sie die Markierung des Blog-Menüelements auf, wenn Kategorie-Menüelement ausgewählt ist"

Von dem, was auf Ihrer Website angezeigt wird, ist die Blog- Seite genauso hervorgehoben wie eine Podcast-Seite, da sie eine class “current_page_parent” aufweist, die in CSS das gleiche Styling aufweist wie ein “aktuelles Menüelement”, das auf einem Podcast- Menüelement.

Dies bedeutet, dass die Podcast- Seite eine untergeordnete Seite einer Blog-Seite ist. Also gibt es zwei mögliche Lösungen für Ihr Problem in diesem Fall.

Lösung 1.

Machen Sie die Podcast- Seite zu einer eigenständigen (nicht untergeordneten) Seite. Dann verschwindet diese class mit unerwünschtem Styling.

Lösung 2.

Wenn die Änderung der Seitenhierarchie nicht möglich ist, fügen Sie dieses CSS mit einem untergeordneten Thema oder einem benutzerdefinierten CSS-Plugin ( wie diesem ) hinzu:

 .header.white .topnav li.current_page_parent > a { opacity: 0.75 !important; font-family: Raleway; font-weight: normal; } 

Dadurch werden die auf diesen Menüeintrag angewendeten Stile zurückgesetzt.

Update 26.10.2016

Wie in der Folgefrage wird das Snippet folgendermaßen aussehen:

 .category-podcast .header.white .topnav li.current_page_parent>a { opacity: 0.75 !important; font-family: Raleway; font-weight: normal; } 

Jetzt funktioniert es nur noch in einem Podcast-Kategorie-Archiv.