AprenderWP

Sitio especializado en Wordpress para principiantes

  • Principiantes
  • Tutoriales
  • Plugins
  • Temas
  • Blog
    • Novedades
    • Showcase
    • Opiniones
AprenderWP » Plugins » Cómo ajustar automáticamente WordPress Sidebar para que coincida con la altura del contenido

Cómo ajustar automáticamente WordPress Sidebar para que coincida con la altura del contenido

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 Cancelar la respuesta

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


Sobre mi

Mi nombre es Joaquin y llevo 12 años creando sitios web en wordpress. En este blog comparto todos mis conocimientos.

Necesito ayuda con ...


Empezar un
Blog

Optimizar
Wordpress

Seguridad
Wordpress

SEO
Wordpress

Errores
Worpdress

Crear una
Tienda Online
Política de Privacidad
Política de Cookies
Aviso Legal

Copyright © 2021 · AprenderWP