2

Estou criando um site utilizando PHP com includes para uma melhor manutenção, porém estou tendo um problema.

Se eu utilizasse somente HTML esse problema não estaria ocorrendo, pois como estou utilizando includes para puxar o menu, não consigo adicionar uma classe em todas as páginas.

Tenho um menu que utiliza um código como esse:

<ul id="menu" class="clearfix">
     <li>
         <a href="index.php">Início</a>
     </li>
     <li>
         <a href="sobre.php">Sobre</a>
     </li>
     <li>
         <a href="contato.php">Contato</a>
     </li>
</ul>

Agora vamos supor que eu esteja na página index.php então tem que ser adicionado uma classe ao <li> Início.

Para um melhor entendimento, veja:

Como está se eu estiver na página index.php (errado):

inserir a descrição da imagem aqui

Como tem que ficar se eu estiver na página index.php (certo):

inserir a descrição da imagem aqui


Exemplo:

Se a pessoa estiver na página index.php tem que ser adicionado a classe (ativo) no <li> Início.

Se a pessoa estiver na página sobre.php tem que ser adicionado a classe (ativo) no <li> Sobre e assim em diante.

No caso tem que ser adicionado uma classe, ficando assim, ex:

<li class="ativo">
         <a href="index.php">Início</a>
</li>

Obs: Isso me lembrou bastante a função permalink do Wordpress.

Um exemplo é o site WP Total: http://www.wptotal.com/

Quando eu entro no site, o nome Início no menu fica laranja. inserir a descrição da imagem aqui

Se eu acessar a página sobre, o nome Sobre no menu fica laranja. inserir a descrição da imagem aqui

4
  • 1
    Em todos os .php tens o menu(repetido)?
    – Jorge B.
    Commented 22/07/2014 às 23:30
  • Sim @JorgeB eu utilizo includes em todas as páginas para puxar o arquivo menu.php contendo o código do menu dentro. Commented 22/07/2014 às 23:32
  • 1
    Pode ser em jQuery? Commented 27/07/2014 às 23:25
  • Olá @MarceloAymone obrigado por tentar ajudar, mas acredito que via Javascript não seja a melhor solução, pois via PHP é mais fácil porque a página já é renderizada, via Js precisa esperar o carregamento. Commented 28/07/2014 às 2:20

2 Respostas 2

2

No menu.php é só fazeres:

<ul id="menu" class="clearfix">
     <li <?php if($verifica['index']==true) echo "class='active'" ?> >
         <a href="index.php">Início</a>
     </li>
     <li <?php if($verifica['sobre']==true) echo "class='active'" ?> >
         <a href="sobre.php">Sobre</a>
     </li>
     <li <?php if($verifica['contacto']==true) echo "class='active'" ?> >
         <a href="contato.php">Contato</a>
     </li>
</ul>

E antes do include do menu.php tens de por a true a que queres e as outras a false:

Exemplo no sobre.php:

$verifica['index']=false;
$verifica['sobre']=true;
$verifica['cintacto']=false;
include 'menu.php';

NOTA:

Mas eu faria de outra forma com $_GET. Punha tudo o que fosse menus, header, footer, etc no index.php e depois incluía as outras páginas nesse index.php através de um www.meudominio.pt/index.php?pagina=sobre.

Depois era só fazer o $_GET['pagina'] no index.php e fazer um switch:

index.php:

<ul id="menu" class="clearfix">
     <li <?php if($_GET['pagina']=="inicio") echo "class='active'" ?> >
         <a href="index.php">Início</a>
     </li>
     <li <?php if($_GET['pagina']=="sobre") echo "class='active'" ?> >
         <a href="sobre.php">Sobre</a>
     </li>
     <li <?php if($_GET['pagina']=="contato") echo "class='active'" ?> >
         <a href="contato.php">Contato</a>
     </li>
</ul>

<?php
    switch($_GET['pagina']){
         case "inicio":
              //não faz nada
              break;

         case "sobre":
              include 'sobre.php';
              break;

         case "contato":
              include 'contato.php';
              break;
    }
?>
4
  • No menu onde tem Produtos eu criei $verifica['produtos'] e onde tem Link 2 eu criei $verifica['link2'] assim funciona 100%! Commented 23/07/2014 às 0:40
  • Ainda bem que te ajudou em tudo :)
    – Jorge B.
    Commented 23/07/2014 às 0:41
  • 1
    Vou estudar esse seu segundo exemplo utilizando GET, um amigo meu utiliza desta forma, porém nunca pensei em testa-la. O único problema é as URLs que atrapalha o SEO, mas nada que um .htaccess criando URLs amigáveis não ajeite. Commented 23/07/2014 às 0:44
  • E como faço a parte do Título da página no 2° exemplo? O 1° é muito fácil, já o 2° é mais complicado. Commented 23/07/2014 às 2:11
1

acho que algo assim é mais pratico:

<?php
$pagina_atual = basename($_SERVER['PHP_SELF']);
?>
<ul id="menu" class="clearfix">
     <li<?php echo ($pagina_atual == 'index.php' ? ' class="ativo"' : ''); ?>>
         <a href="index.php">Início</a>
     </li>
     <li<?php echo ($pagina_atual == 'sobre.php' ? ' class="ativo"' : ''); ?>>
         <a href="sobre.php">Sobre</a>
     </li>
     <li<?php echo ($pagina_atual == 'contato.php' ? ' class="ativo"' : ''); ?>>
         <a href="contato.php">Contato</a>
     </li>
</ul>
1
  • Olá @Jader obrigado pela sua dica. Commented 28/07/2014 às 3:20

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .