Aktiven Menüpunkt hervorheben

.page_item a:hover, .current_page_item a {
background: #444; }

.page_item a:hover, .current_page_item a, .current_page_parent a {
background: #444; }

15 Kommentare

1. Hi, hier fehlt irgendwo ein schließender Tag. Nach diesem Post sind alle Zeichen dieses Blogs in dargestellt.

2. Hmm wie sieht das aus mit den ConditionalTags Abfragen? Da funktioniert das nämlich bei mir nicht 🙁

   0?php if (is_home() || is_single() || is_search() || is_page(‘archives’)) {?>class=”selected”Startseite

   Musste leider die Klammern durch eine Null ersetzen damit es angezeigt wird 😳

   Dieser Code ist in meinen LI Tags zugeordnet und sollte dann ja auf die class=”selected” greifen was jedoch nicht passiert 😥

3. Hallo Manuel,

   Musste leider die Klammern durch eine Null ersetzen damit es angezeigt wird

   Deswegen steht über dem Kommentar-Formular folgende Information:

   Code-Beispiele: damit die Code-Beispiele richtig angezeigt werden müssen die Sonderzeichen maskiert werden (z. B. < zu &lt;).

   Mit deinem Code-Beispiel:

   <?php if (is_home() || is_single() || is_search() || is_page('archives')) {?>class="selected"

   erreichst du das wenn man sich auf der Startseite oder Einzelansicht oder Suchseite oder der Archiv-Seite befindet, dem Startseite-Link eine zusätzliche Klasse hinzugefügt wird. Und was genau funktioniert bei dir nicht?

4. Das passt ja! Hab gerade dasselbe gemacht, war ja auch nicht so schwer. Nur ergibt sich bei mir ein anderes Problem.
   Ich verwende das PlugIn “Fold Page List”. Im Code entsteht da sowas:
   
<ul>
<li class="page_item current_page_item page_folder">
Eltern-Seite
</li>
<ul>
<li class="page_item"> Kind-Seite I</li>
<li class="page_item"> Kind-Seite II</li>
<li class="page_item"> Kind-Seite III</li>
</ul>
</ul>


   Klicke ich jetzt auch die Eltern-Seite werden automatisch die Kind-Seiten mit eingefärbt, was einfach nicht so toll aussieht.

   Beispiel gefällig? http://www.weserems-geckos.de/leopardgeckos/

   Tim

5. Sorry, hat sich erledigt:
   
.current_page_item a,.current_page_item a:hover{
color: #3BA6E4 ! important;
}
.current_page_item .page_item a{
color: #EAAB02 ! important;
}


6. Ich verstehe das immer noch nicht.

   <a href="" title="Startseite">Home

   Wie soll ich denn da die Seiten zuordnen, wenn die Seiten per php eingefügt werden? 😕

7. hmm genau das gesucht und nur durch Zufall hier gelandet. Das nennt man Glück :).
   Aber danke.

8. Danke für den artikel

9. Danke hat funktioniert! WordPress ist einfach super. 🙂

10. Super Lösung.
    Noch weiter kann man den Code nicht eindampfen…

    Holger

11. Danke für den WP-Quickie 🙂
    Und vor allem:
    Man versteht es auch, sogar als Anfänger

12. Super WP-Quickie!!!

    Aber ich habe dazu mal noch eine Frage, ich hoffe, es kann mir jemand weiterhelfen:
    Meine Struktur sieht folgendermaßen aus:

    Parent
    -Child1
    –ChildChild1
    —ChildChildChild1

    Ich möchte, dass IMMER Parent markiert ist …

    Ich hoffe, mein Problem ist klar?! 🙄 Und schon mal danke für die Hilfe!!!

13. Sehr gute Lösung;-) Konnte ich gut gebrauchen und hat auch bei mir funktioniert. LG Sandra

14. Hab ein Menü das hartcodiert ist, also nicht per Funktion ausgegeben wird. Weiß jemand über welche Variablen ich da die aktuelle Seite und Eltern-Elemente rausfinden kann?

15. Hallo, leider bin ich totaler Neuling und habe mir glaub ich grad beim probieren was zerschossen.
    das hier ist ein Auszug aus der header.php

    <li class="page_item current_page_item

    und hier ein auszug aus dem css

    #menu {
padding:7px 0 8px 0;
overflow:hidden;
color: #fff;
}
#menu a {
display:block;
float:left;
margin: -6px 10px 0 0;
background:#87B5DD;
color:#fff;
border-top:1px solid #6DA5D6;
text-decoration:none;
padding: 12px 6px 8px;
}
#menu a:hover {
background:#5C9BD1;
color:#fff;
border-color:#3B86C7;
}

    ich krieg das nicht hin das die angewählte Seite aktiv angezeigt wird. was mach ich falsch?

    Vielen Vielen Dank
    Christoph

Kommentare sind geschlossen.