Cómo agregar una barra de desplazamiento personalizada a cualquier elemento en WordPress

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

Agregue barras de desplazamiento personalizadas a cualquier elemento en WordPress

Videotutorial

Suscríbete a WPBeginner

Si no le gusta el video o necesita más instrucciones, continúe leyendo.

Lo primero que debe hacer es instalar y activar el Barra de desplazamiento personalizada enchufar. Tras la activación, simplemente vaya a Apariencia » Barras de desplazamiento para configurar el complemento.

Configuración de barras de desplazamiento personalizadas

Debe comenzar proporcionando un nombre para su barra de desplazamiento. El complemento le permite agregar múltiples barras de desplazamiento, por lo que agregar un nombre lo ayudará a encontrar su barra de desplazamiento personalizada en el área de administración.

El siguiente elemento en la configuración es Selector de elementos de destino. Esta es la clase o ID del elemento web que desea orientar. Puede encontrar la identificación o la clase de cualquier elemento haciendo clic con el botón derecho en el elemento en su navegador Chrome y seleccionando inspeccionar elemento en el menú.

Uso de la herramienta de inspección de elementos para encontrar el ID de elemento o la clase CSS

Como puede ver en la captura de pantalla, el elemento al que queremos apuntar está aparte con la clase CSS bwp_gallery.

Después de ingresar al 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 Guardar cambios para almacenar 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.

Agregar otra barra de desplazamiento personalizada

Esperamos que este artículo le haya ayudado a agregar 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.

.

Deja un comentario