Menu Activo con PHP

Menu Activo con PHP

Muchas veces hacemos un menú con una clase activa, donde la solapa que este activa quede de un fondo, una forma simple de utilizar la clase, por ejemplo, current con PHP es simple, solo debemos crear una variable y llamarla según la página. No complicarnos la vida haciendo cosas que ni entendemos, simplemente hacemos lo siguiente:

   En cada página que llamemos con sección colocamos una variable en cualquier lugar del código:

<?php $mi_pagina="Inicio"; ?>

   Luego le agregamos una condición al menú:

<?php 
  if ($mi_pagina=="Inicio")
  echo " class='current'";
?>

   La condición es simple, si la variable es igual a "inicio" entonces "inicio" quedará activo, así podremos hacer algo como esto:

<div class="menu">
  <ul>
    <li><a <?php if ($mi_pagina=="Inicio")
       echo " class='current'"; ?> href="#"><span>Inicio</span></a></li>
    <li><a <?php if ($mi_pagina=="Contacto")
       echo " class='current'"; ?> href="#"><span>Contacto</span></a></li>
    <li><a <?php if ($mi_pagina=="Sobre mi")
       echo " class='current'"; ?> href="#"><span>Sobre mi</span></a></li>
    <li><a <?php if ($mi_pagina=="Posts")
       echo " class='current'"; ?> href="#"><span>Posts</span></a></li>
    <li><a <?php if ($mi_pagina=="Cualquier cosa")
       echo " class='current'"; ?> href="#"><span>Cualquier cosa</span></a></li>
  </ul>
</div>

   Y si lo combinamos con include para no tener que estar escribiendo el menú en cada una de las páginas tendremos algo muy dinámico, por ejemplo:

   Para la página:
<html>
<head>
  <title>Mi Titulo</title>
</head>
<body>
  <?php include('menu.php'); ?>
  
  //El resto del contenido
  Esto es un ejemplo de un menu
</body>
</html>

   El archivo que contiene el menú, "menu.php":
<div class="menu">
  <ul>
    <li><a <?php if ($mi_pagina=="Seleccion1")
       echo " class='current'"; ?> href="#"><span>Seleccion1</span></a></li>
    <li><a <?php if ($mi_pagina=="Seleccion2")
       echo " class='current'"; ?> href="#"><span>Seleccion2</span></a></li>
    <li><a <?php if ($mi_pagina=="Seleccion3")
       echo " class='current'"; ?> href="#"><span>Seleccion3</span></a></li>
  </ul>
</div>

Nota: verificar las comillas simples dentro de las dobles.



Suscribirse a: Enviar comentarios (Atom)