Personalizar barra de desplazamiento

Custom-ScrollBar

Seguro que alguna vez has visto un sitio que tenga la barra de desplazamiento personalizar. Algunos sitios web y aplicaciones web tienen la barra de desplazamiento personalizada para ajustarse a la interfaz de usuario o a los colores de marca de su sitio. En este post, te enseñaremos una forma fácil de personalizar la barra de desplazamiento de WordPress sin escribir ningún código.

Puedes personalizar la barra de desplazamiento de WordPress con CSS, pero por problemas de compatibilidad con los navegadores, esta no es la solución ideal si eres principiante. Pero como siempre hay un plugin que nos lo ara mucho mas fácil y sin escribir nada de código.

Personalizar la barra sin código

personalizar

Lo primero que debes hacer es instalar y activar Custom Scrollbar. cuando termine la instalación vamos a configuración » opciones de la barra de deslizamiento y desde ahí podemos ajustar los parámetros de la barra lateral.

Cuando ya estés en página de configuración del plugin, lo primero que tienes que configurar es el color de la barra. Después, puedes seleccionar un ancho para la barra, el valor predeterminado es de 12px.  Finalmente, puedes establecer un radio para el borde de la barra. El radio para el borde predeterminado de la barra es de 3PX. Una vez hayas configurado estos parámetros, guarda los cambios y vete a ver los cambios en tu sitio para ver como a quedado.

Esta es una de las formas para personalizar la barra lateral de tu WordPress, ademas de usar código directamente usando snippets pero creemos que esta forma es bastante accesible sobre todo para principiantes.

Así que ya puedes instalar y activar el plugin para probar si se adapta a el diseño que quieres en tu WordPress o no.

¿quieres tener una web personalizada y que se diferencie de las demás? Conoce mas sobre nosotros

Mi feed de Instagram

[jr_instagram id=»2″]

Recibe mi Newsletter semanal
Recibirás un email semanal (los domingos por la mañana) con el mejor contenido que vaya encontrado por la red.


Yo también odio el spam solo contenido de valor a través de mi newsletter

Descarga la Guía de Design Thinking gratis

X
Scroll al inicio