Cómo añadir una barra de desplazamiento personalizada a cualquier elemento de WordPress

¿Tienes una larga barra lateral que está rompiendo tu diseño de WordPress en ciertas páginas? Recientemente uno de nuestros usuarios nos pidió una solución. Como el usuario no quería eliminar ninguno de los widgets, sugerimos añadir una altura fija y una barra de desplazamiento a todos los widgets largos que solucionaban el problema. En este artículo, le mostraremos cómo añadir una barra de desplazamiento personalizada a cualquier elemento de WordPress.

Video Tutorial

Suscribirse a AprenderWP

Si no te gusta el video o necesitas más instrucciones, entonces continúa leyendo.

Lo primero que tiene que hacer es instalar y activar el plugin de barra de desplazamiento personalizada. Después de la activación, simplemente vaya a Apariencia " Barras de desplazamiento para configurar el plugin.

Necesita empezar por proporcionar un nombre para su barra de desplazamiento. El plugin le permite añadir varias barras de desplazamiento, por lo que añadir un nombre le ayudará a encontrar su barra de desplazamiento personalizada en el área de administración.

El siguiente elemento de la configuración es el selector de elementos de destino. Esta es la clase o ID del elemento web al que desea dirigirse. Puedes encontrar el id o la clase de cualquier elemento haciendo clic con el botón derecho del ratón en el elemento de tu navegador Chrome y seleccionando inspeccionar elemento en el menú.

Como se puede ver en la captura de pantalla, el elemento al que queremos dirigirnos está a un lado con la clase CSS bwp_gallery.

Después de entrar en el selector de destino, puede elegir la altura y el ancho del área de la barra de desplazamiento personalizada. También puede elegir la posición y un tema para la barra de desplazamiento.

Una vez que haya terminado, simplemente haga clic en el botón de guardar cambios para guardar su configuración.

Eso es todo, ahora puede visitar su sitio web para ver la barra de desplazamiento personalizada en acción. Puede repetir el proceso para crear otra barra de desplazamiento personalizada haciendo clic en el botón Agregar.

Esperamos que este artículo le haya ayudado a añadir barras de desplazamiento personalizadas a cualquier elemento de su sitio de WordPress. También puede ver nuestra lista de los 25 widgets de WordPress más útiles para su sitio.

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 Facebook.

Deja una respuesta

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

Subir