Publicado el Deja un comentario

¿Cómo igualar el alto de la barra lateral y el contenido de las entradas?

Nuestros visitantes preguntan:

Hace poco tiempo que utilizo WordPress, actualmente tengo un blog personal dedicado al turismo, en este blog utilizo un tema de pago y varios widgets en la barra lateral. Busco alguna forma de mantener el diseño minimalista y la simetría del sitio, ya que las publicaciones suelen ser cortas y en ocasiones la barra lateral excede el tamaño del contenido. Sería de gran ayuda para mi su orientación para integrar alguna herramienta que permita igualar el alto de la barra lateral y el contenido de las entradas; es decir, ocultar de forma automática aquellos widgets que salieran sobrando cuando se excede el alto del contenido, ¿podrían recomendarme alguna solución?

Saludos y muchas gracias,
Lilian Marvella

PS
La barra lateral de mi sitio incluye algunos widgets como últimas entradas y comentarios, enlaces de afiliados (turismo), menú de categorías, y un pequeño slider fotográfico.

Respuesta:

Hola Lilian,

A continuación te mostramos un plugin gratuito que se encargará de hacer justamente lo que estás buscando: igualar el alto de la barra lateral y el contenido de las entradas:


Plugin para WordPress: sidebarAutomizer

¿Cómo igualar el alto de la barra lateral y el contenido de las entradas?
Plugin: sidebarAutomizer

sidebarAutomizer” es un plugin compatible “out of the box” con el tema “Twenty Thirteen“, pero funciona con otros temas atendiendo un par de ajustes. Una vez que instales y actives el plugin ve al menú lateral izquierdo “Ajustes” > “sidebarAutomizer“:

¿Cómo igualar el alto de la barra lateral y el contenido de las entradas?

Ahora es momento de definir las clases o ID’s de los elementos involucrados en sus respectivos campos: contenido (Content Class or ID) y barra lateral (Sidebar Class or ID). Para hacer esto utiliza el inspector de tu navegador e identifica ambas clases o ID’s, por ejemplo en el tema “Twenty Twelve” el ID del contenido lleva por nombre “#primary“:

¿Cómo igualar el alto de la barra lateral y el contenido de las entradas?

Como puedes observar el ID de la barra lateral es “#secondary“:

¿Cómo igualar el alto de la barra lateral y el contenido de las entradas?

Escribe las clases o ID’s en los campos correspondientes y asegúrate de guardar los cambios:

¿Cómo igualar el alto de la barra lateral y el contenido de las entradas?

Al final el resultado lucirá similar a:

¿Cómo igualar el alto de la barra lateral y el contenido de las entradas?

Descargar Plugin: sidebarAutomizer

Deja un comentario

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

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.