Menu ativo para cada pagina

  • Amaral-J

    (@amaral-j)


    10 anos atrás

    Olá pessoal,

    Estou aprendendo a usar o WP ainda e espero que eu consigo ser claro com minha duvida.
    estou com um tema q creio ter sido modificado ja, e ja quebrei a cabeça mas não consigo fazer o menu de cada pagina ficar ativo quando estou nela.. ja consegui fazer mudar de cor qdo passa o mouse em cima mas ficar ativo não consegui… bom meu conhecimento é apenas html e css se puderem me ajudar agradeço desde ja ok.

    segue o código completo pois ainda não esta hospedado:

    html:

    </head>

<body id="menus" <?php body_class(); ?> 

	<header class="tp-main-header clearfix">
	<nav class="tp-menu-container">
		<div class="tp-main-menu-width">
                   <h1 class="tp-blog-name">
				<a href="">Sindissu</a>
			</h1>
			<div class="tp-mobile-menu">
				<span class="tp-mobile-menu-text">
					Menu
				</span>
				<span class="tp-mobile-menu-icon">
					<i class="fa fa-bars"></i>
				</span>
			</div>
			<div id="menu">

				<ul id="menu">
				<li class="tp-mobile-menu-close"></li>

  					<li id="home" class="tp-blog-name-home"><a href="http://127.0.0.1/sindi/wordpress">Ínicio</a></li>
					<li id="menu-item-1775" class="page-menu-item-1775"><a href="http://127.0.0.1/sindi/wordpress/?page_id=25">Diretoria</a></li>
					<li id="menu-item-1776" class="page-menu-item-1776"><a href="http://127.0.0.1/sindi/wordpress/?page_id=35">Serviços</a></li>

		</div>
	</nav>
</header>
Visualizando 2 respostas - 1 até 2 (de um total de 2)
  • Husani Santos

    (@husanisantos)

    9 anos, 11 meses atrás

    Fácil brother já que entende de css vai ser mole, seguinte :

    Primeiro no wordpres não fazemos menus assim na unha, ele já vem nativo no mesmo e seguimos apenas um padrão e mudamos o css a gosto.

    crie uma classe .active e ela é que mvai fazer o trabalho de deixar ativo o menu, nela você coloca seu código a gosto e no menu utilize este cófigo:

    add_filter('nav_menu_css_class' , 'special_nav_class' , 10 , 2);
function special_nav_class($classes, $item){
     if( in_array('current-menu-item', $classes) ){
             $classes[] = 'active ';
     }
     return $classes;
}

    O menu está em header.php

    Abraço.

    Criador do tópico Amaral-J

    (@amaral-j)

    9 anos, 11 meses atrás

    Nossa show de bola! Muito obrigado amigo!
    Estou terminando aki e dando tudo certo eu encerro o tópico muito grato por sua atenção!
    Vlw.

Visualizando 2 respostas - 1 até 2 (de um total de 2)
  • O tópico ‘Menu ativo para cada pagina’ está fechado para novas respostas.