Comment mettre en évidence la page actuelle dans le menu de navigation?
Je personnalise un thème WordPress pour mon école et je suis un peu agacé par le fait que la page actuelle du menu de navigation n'est pas indiquée.
Par exemple:
Vous pouvez clairement voir que je survole une page du menu de navigation et que celle sur laquelle je survole est mise en surbrillance, comme prévu.
Cependant, la page sur laquelle je suis actuellement, appelée "Arhiva", n'est pas mise en surbrillance, et je pense que cela peut être quelque peu déroutant.
Cependant, je ne veux pas que la page actuelle et la page survolée par la souris soient surlignées de la même manière. Je pense qu’un texte en caractères gras dans le menu de navigation conviendrait parfaitement pour séparer la page actuelle des autres pages.
Comment puis-je atteindre cet objectif?
Le code CSS actuel du thème peut être consulté ici: http://petagimnazija.hr/wp/wp-content/themes/chiron/style.css .
Le système de menus de navigation ajoute de nombreuses classes, y compris la page actuelle correspondante (de manière plutôt intelligente, il essaiera même de détecter les URL personnalisées entrées explicitement).
La classe la plus simple à utiliser est current-menu-item, mais il y en a beaucoup plus qui traitent avec les parents/ancêtres et plus encore.
Le Codex les a documentés à wp_nav_menu()> Classe de menu CSS Classes .