Oferta SiteGround Black Friday

Barras laterales Dinámicas

Con WordPress es fácil tener diferente contenido en la barra lateral para páginas distintas. Por ejemplo, que lo que se vea en la página principal del blog sea distinto de lo que se muestre al ver un post o una página de archivo.

Si haces algo así verás que tu barra lateral se «dinamiza» según te mueves con el blog, ofreciendo contenidos diferentes y personalizados dependiendo de la página que veas.

Esto sería un buen ejemplo:

<div id="sidebar">
< ?php if (is_home()) {
	include (TEMPLATEPATH . '/ad125.php');
	include (TEMPLATEPATH . '/destacados.php');
	include (TEMPLATEPATH . '/archivo.php');
	include (TEMPLATEPATH . '/recent.php');
	include (TEMPLATEPATH . '/recent_comments.php');
} elseif (is_single()) {
	include (TEMPLATEPATH . '/destacados.php');
	include (TEMPLATEPATH . '/recent.php');
	include (TEMPLATEPATH . '/recent_comments.php');
} else {
	include (TEMPLATEPATH . '/destacados.php');
	include (TEMPLATEPATH . '/recent.php');
} ?>
</div>

El código anterior produce una barra lateral que contiene distintos elementos dependiendo de si estás viendo la página principal (home), la página de post (single) o el resto no declaradas (else).

Para hacerlo solo hay que colocar ese código en la parte superior, o donde quieres que empiece, del fichero ‘sidebar.php’ (o como se llame en tu plantilla) y añadir los «include» que quieras mostrar en cada tipo de página.

Eso si, pasa por separar el código de tu fichero de barra lateral y dividirlo en varios archivos php, lo que no es malo en si mismo sino todo lo contrario, pues simplifica enormemente el código de tu barra lateral y te permite tener todo mucho mas ordenado y manejable.

Si tienes widgets en tu barra lateral puedes incluir la llamada a los mismos dentro del código de arriba (o el tuyo personalizado, claro), o debajo del código. Puedes colocar los contenidos a tu gusto.

Por supuesto, esto es solo un ejemplo, pero es el modo de hacerlo, usando tags condicionales, ahora te toca animarte y hacer tu propia barra lateral a tu medida.

¿De cuánta utilidad te ha parecido este contenido?

¡Haz clic en los emoticonos para valorarlo!

Promedio de puntuación 0 / 5. Total de votos: 0

Hasta ahora ¡no hay votos!. Sé el primero en valorar este contenido.

Ya que has encontrado útil este contenido...

¡Sígueme en las redes sociales!

¡Siento que este contenido no te haya sido útil!

¡Ayúdame a mejorar este contenido!

Por favor, dime, ¿cómo puedo mejorarlo?

¿Te gustó este artículo? ¡Ni te imaginas lo que te estás perdiendo en YouTube!

AVISO: Esta publicación es de hace 3 años o más. Si es un código o un plugin podría no funcionar en las últimas versiones de WordPress, y si es una noticia podría estar ya obsoleta. Luego no digas que no te hemos avisado. ¡Ah! ¿te funciona? pues entonces no he dicho nada :)

Sobre el autor

9 comentarios en “Barras laterales Dinámicas”

  1. Interesante. Me serviria para dejar mas limpia la pagina de «quien soy». ¿Entendi bien? ¿Cada pagina se puede manejar de forma distinta, o simplemente las páginas tendrian diferente comportamiento que los posts?

    Estoy en pañales. Gracias por su comprensión y por publicar artículos tan útiles.

  2. Muy bueno el post.Esto ya lo utilizaba yo en el blog e iba a poner un post pero no sabia como explicarlo ya que yo lo consegui probando y fallando, 😛 . Lo dicho,muy bueno.

  3. Hola Fernando.

    Una pregunta. Sabes como crear los menus dinamicos que utiliza este blog, como muchos otros, en el sidebar para, por ejemplo, tener en un mismo espacio articulo recientes, comentarios recientes y nube de tags y seleccionar mouse el que queramos de esos? O sabes donde lo explican?

    Saludos desde Colombia!

  4. Genial, muchas gracias por el artículo, me has aclarado el concepto 🙂

    Ahora me gustaría saber como puedo hacer para que la ubicación del sidebar sea distinta en el caso del index o de las paginas; por ejemplo, en el index quiero el sidebar en el lateral, pero en las paginas lo quiero en la parte inferior, ¿me podrias orientar?

    Muchas gracias y enhorabuena por todo tu esfuerzo y trabajo.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Información base sobre privacidad:
- Responsable: Fernando Tellado ([email protected])
- Fin del tratamiento: Moderación de comentarios para evitar spam
- Legitimación: Tu consentimiento
- Comunicación de los datos: No se comunicarán los datos a terceros salvo por obligación legal
- Derechos: Acceso, rectificación, portabilidad, olvido

 

Scroll al inicio