Как выделить вкладку в Wordpress для сообщения, когда пункт главного меню является категорией?

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

Веб-сайт: http://deutschmetal.com Если вы нажмете на это сообщение: http://deutschmetal.com/deutsch-metal-videos/rammstein-herzeleid-videos/ можно посмотреть что ссылка верхнего меню "Видео" не выделена. Я хотел бы, чтобы это было выделено при просмотре поста.


menu wordpress categories highlight
person LenMKaiser    schedule 03.03.2020    source источник
comment
Добавьте свои активные стили в .current-menu-parent {...}   -  person MattHamer5    schedule 03.03.2020

Ответы (1)


arrow_upward
0
arrow_downward

Wordpress определяет, является ли страница дочерней по отношению к странице в навигации. Он также добавляет к нему дополнительный класс, поэтому вы можете создать новый CSS, чтобы он выглядел так, как вы хотите. В вашем случае это будет:

.current-post-parent.current-post-ancestor {
    background: #cb0808;
}

Вы можете добавить это в свою тему Wordpress, или, если вы не знакомы с программированием, вы можете использовать пользовательский CSS настройщика, который поддерживается большинством тем.

person Bart Roelofs    schedule 03.03.2020
comment
Это работает до определенного момента. Когда я нажимаю на другие сообщения, которые не являются частью области видео, он выделяет две вкладки, расположенные рядом, а не ту, которая должна быть. Если вы перейдете на deutschmetal.com/gallery/rammstein-east-rutherford-2011 вы можете видеть, что у него горят две вкладки. О сайте — это страница, а галерея — это категория. - person LenMKaiser; 03.03.2020
comment
Хм... Не знаю, почему это происходит. Но есть обходной путь для этого. Мы можем добавить в класс .current-post-ancestor. Я отредактировал свой ответ выше. Протестировал, работает. - person Bart Roelofs; 04.03.2020
comment
У меня есть еще один связанный с этим вопрос. Поскольку я добавил некоторые выпадающие элементы, вкладки этих элементов не выделяются. Я добавил предложение сверху и изменил CSS на: .current-post-parent.current-post-ancestor.current-menu-parent { background: #cb0808; }, но вкладки не выделяются в раскрывающемся меню. deutschmetal.com/deutsch-metal-news – это раскрывающийся список на вкладке "Главная". Эта ссылка также является категорией. - person LenMKaiser; 05.03.2020
comment
Просто для справки, я исправил это сам, поэтому, если кто-то придет, они смогут увидеть исправление. Чтобы исправить это, мне понадобился этот CSS: .current-post-parent, .current-post-ancestor, .current-menu-parent { background: #cb0808; } - person LenMKaiser; 06.03.2020