Doriți să evidențiați pagina curentă în meniul de navigare sau în bara laterală? Evidențierea paginii curente facilitează navigarea.
Funcțiile meniului WordPress (wp_nav_menu, wp_list_pages) adaugă automat clasa current_page_item la elementul li care conține linkul activ. Deci, tot ce trebuie să facem este să folosim aceeași clasă pentru a evidenția pagina curentă.
Instrucțiuni:
Tot ce trebuie să faceți este să adăugați acest cod în fișierul style.css al temei dvs.:
/* Highlight using list element */
li.current_page_item{
background:#999;
color:#fff;
}
/* Highlight using link element */
li.current_page_item a{
text-decoration:underline;
background:#666;
}
Notă: Dacă este prima dată când adăugați secvențe de cod în WordPress, consultați ghidul nostru despre cum să copiați / lipiți corect secvențe de cod în WordPress, pentru a nu vă defecta accidental site-ul.
Dacă ți-a plăcut acest fragment de cod, te rugăm să iei în considerare să consulți și alte articole de pe site, cum ar fi: Cele mai bune unelte de creare pagini WordPress (Comparativ).
unde găsesc fișierul „style.css al temei” pe versiunea gratuită de WordPress?
Mulțumesc. Am căutat în mai multe locuri, dar soluția dvs. a funcționat. Apreciez cu adevărat!
Hei Robert, mă bucur că soluția noastră a funcționat pentru tine.
Urmăriți-ne pe Facebook și Twitter pentru mai multe ghiduri interesante. :)
Funcționează bine, mulțumesc!
Acest cod funcționează dacă meniul are un singur nivel. Altfel, evidențiază linkul de la primul nivel și toate subcategoriile din el. De exemplu, ați fi la „acasă>despre>știri” și ar evidenția toate categoriile „acasă” în loc de doar „știri”.
Tema mea adaugă clasa CSS `.current-menu-item`.
Poate fi diferit în funcție de temă, dar procesul rămâne același.
funcționează ca prin farmec și mi-a economisit timp prețios. Mulțumesc
Mulțumesc mult!!!!
salut domnule, este bun, dar vreau să schimb culoarea linkului, nu culoarea de fundal, vă rog ajutați-mă
Culoarea ar fi controlată de proprietatea
color, de exemplu:li.current_page_item a{ color:#666; }
cred că trebuie doar să adăugați acest lucru în CSS și nu în pagina functions.php. A funcționat perfect în CSS-ul meu.
Mulțumesc
Mulțumesc, fragmentul a fost actualizat.