Como adicionar a class ativa para separar o link da página?

Estou usando o tema WordPress Bootstrap como meu tema base.

Ele usa o seguinte código para adicionar a class “ativa” a qualquer link no header se o usuário estiver atualmente naquela página:

add_filter('nav_menu_css_class', 'add_active_class', 10, 2 ); function add_active_class($classs, $item) { if($item->menu_item_parent == 0 && in_array('current-menu-item', $classs)) { $classs[] = "active"; } return $classs; } 

No entanto, eu tenho várias páginas que eu quero exibir como “ativo” quando o usuário não estiver realmente naquela página específica. Por exemplo, os usuários às vezes podem estar em “tutoriais por tópico” (Tutoriais por tópico), mas eu quero que o link “Tutoriais” seja exibido como o link ativo. Eu tenho quatro páginas que eu quero fazer desta maneira. Experimentei condicionais diferentes, etc. na function add_active_class, mas não tive sorte. Alguma orientação? Obrigado!

Solutions Collecting From Web of "Como adicionar a class ativa para separar o link da página?"

Não é a solução mais limpa, mas uso algo como isto para algumas instâncias do destaque do menu de página atual para páginas que não são relacionadas a filhos / paises de qualquer maneira:

 < ?php if (is_page('tutorials-by-topic') { ?>  < ?php } ?> 

Você deve olhar para a fonte para obter o item de menu correto-xxxx para a página que deseja destacar como atual no menu.

Ao usar o menu de navegação, o item de menu principal, bem como os itens do menu ancestral, são fornecidos com as respectivas classs current-menu-parent e current-menu-ancestor . Esses seletores de class podem ser usados ​​para marcar os links.

Se você deseja aplicar exatamente o mesmo estilo, o item de menu com a class active , basta adicionar os seletores ao bloco CSS específico em sua folha de estilo. Caso contrário, escolha-os de forma diferente por meio de novos blocos CSS dedicados.