it-swarm.xyz

Как выделить текущую страницу в навигационном меню?

Я настраиваю тему WordPress для своей школы, и меня немного раздражает тот факт, что текущая страница в навигационном меню не указана.

Например:

enter image description here

Вы можете ясно видеть, что я нахожусь над страницей в навигационном меню, и что страница, над которой я нахожусь, выделяется, как и ожидалось.

Однако страница, на которой я сейчас нахожусь, называется "Архив", не выделена, и я думаю, что это может несколько запутать.

Я не хочу, чтобы текущая страница и страница, на которой находится курсор мыши, были выделены одинаково. Я считаю, что жирный текст ввода в навигационном меню вполне подойдет, чтобы отделить текущую страницу от других страниц.

Как мне этого добиться?

Текущий CSS темы можно посмотреть здесь: http://petagimnazija.hr/wp/wp-content/themes/chiron/style.css .

2
jcora

Система меню навигации добавляет много классов, включая сопоставление текущей страницы (довольно разумно, она даже попытается обнаружить пользовательские URL, которые были введены явно).

Простейшим классом, который можно использовать, является current-menu-item, но есть немало других, имеющих дело с родителями/предками и т.д.

Кодекс документировал их в wp_nav_menu()> CSS-классах пунктов меню .

4
Rarst