Wordpress - Выделите родительский элемент меню, когда выбрана/загружена страница элемента детского меню.

Question

У меня есть основное меню, а некоторые элементы меню имеют подменю. У меня очень мало опыта работы с wordpress, и у меня нет времени погружаться глубже в детали прямо сейчас. Поэтому мой вопрос: какой самый простой способ выделить верхний пункт меню, когда использование переходит к одной из страниц подменю. (Я попытался использовать как javascript, так и чистый css, чтобы установить свойство color по идентификатору элемента и с помощью класса «current-cat-parent», но не работал).
Любая помощь с благодарностью.

Примечание: Я использую тему под названием chameleon.

Answer 1

можно назначить током по меню, класс .Current-меню-предок класса как

.main_menu li.current-menu-item a, .main_menu li.current-menu-ancestor a{ 
    color: #777777 !important; /* highlight color */ 
} 

Это будет выделить меню родительской страницы

this page Пожалуйста, обратитесь

Answer 2

.current-menu-ancestor не работает для меня. .current-page-ancestor сделал.

Answer 3

Вы можете вставить следующий код в файл footer.php темы прямо перед тегом закрывающего тега.

<!-- Highlight parent page link when on child page --> 
<?php if (is_page()) { // displaying a child page ?> 
    <script type="text/javascript"> 
     jQuery("li.current-page-ancestor").addClass('current-menu-item'); 
    </script> 
<?php } ?> 

Красота этого в PHP, поэтому динамика кода. Он просто добавляет другой родной класс WordPress nav li, который делает ссылку текущей страницы активной.

Я написал короткое сообщение здесь, объяснив, как это работает: How to keep parent page navigation link highlighted when viewing a child/sub page!

Не стесняйтесь, дайте мне знать, если у вас есть вопросы об этом.

Answer 4

У меня была проблема с редактированием, но было найдено легкое решение. Я использую тему Wordpress Storefront, просто вставьте в style.css файл вашего ребенка ТЕМЫ:

li.current-menu-parent >a { 
    color:red !important; 
} 

Answer 5

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

li.current-menu-parent >a, .current-menu-item >a { 
    color: red !important; 
}