Los widgets hacen que sea muy fácil añadir cosas interesantes a nuestra barra lateral de WordPress. Sin embargo, a veces las barras laterales pueden ser mucho más largas que el área de contenido real. Recientemente un usuario preguntó si había una manera de hacer que la altura de la barra lateral fuera la misma que la del área de contenido para que fuera simétrica. En este artículo, le mostraremos cómo ajustar automáticamente la barra lateral de WordPress para que coincida con la altura del contenido.
Video Tutorial
Suscribirse a AprenderWP
Si no te gusta el video o necesitas más instrucciones, entonces continúa leyendo.
Primero debe instalar y activar el plugin de SidebarAutomizer. Tras la activación, vaya a Settings » sidebarAutomizer para configurar el plugin.
Puede ajustar automáticamente la altura de la barra lateral introduciendo el ID div o Clase para el contenido y los contenedores de la barra lateral. Estos valores son diferentes para cada tema, por lo que el plugin no puede detectarlos automáticamente. Encontrar estos valores es fácil. Todo lo que tiene que hacer es abrir su sitio web en Google Chrome y abrir Inspect Element haciendo clic con el botón derecho en cualquier parte de su sitio web.
Esto dividirá la pantalla de su navegador en tres secciones. En la parte inferior izquierda de la pantalla, podrá ver el código fuente HTML de su página. Al mover el ratón sobre los diferentes elementos en el código fuente HTML, los resaltará en la ventana superior. Necesitas encontrar el div que contiene el área de contenido principal.
Como puede ver, en la captura de pantalla de arriba, el div que contiene el área de contenido utiliza el ID primario y el contenido del sitio de la clase.
Repita el proceso de inspeccionar el elemento una vez más para encontrar el ID de div o la clase utilizada para la barra lateral y para el elemento de widget simple.
Eso es todo. Ahora puede guardar sus configuraciones. Visite una página de su sitio web en la que se supone que la altura de la barra lateral es mayor que la del área de contenido. Notarás que el plugin ocultará automáticamente los widgets adicionales para ajustar la altura de la barra lateral.
Esperamos que este artículo le haya ayudado a ajustar automáticamente la barra lateral de WordPress para que coincida con la altura del contenido. También puedes ver cómo mostrar/ocultar widgets en páginas específicas de WordPress.
Si te ha gustado este artículo, suscríbete a nuestros tutoriales de vídeo de YouTube Channel for WordPress. También puede encontrarnos en Twitter y Google+.
Deja una respuesta