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