En este tutorial, te voy a enseñar cómo agregar un precargador con efecto cortinilla en Divi, sin plugins. Este preloader tiene un elegante efecto de cortinilla y revelado, perfecto para darle un toque único y profesional a tu sitio web.
Si ya has seguido algún tutorial anterior de precargadores, quizá recuerdes que en el pasado creamos uno muy similar, que, de hecho, es el que tengo implementado en este blog. Esta vez, vamos a hacer algo más avanzado: un precargador optimizado, que no dependerá de un tema hijo. Esto significa que será más fácil de implementar y más flexible a la hora de personalizarlo.
Usar un precargador no solo es una cuestión estética, también mejora la experiencia de usuario. Seguro te ha pasado que al entrar a un sitio, ves un parpadeo o «flash» donde se carga el contenido sin estilos por un segundo antes de que aparezca todo correctamente. Eso es algo que podemos evitar con este precargador. Con él, tu sitio cargará de manera suave y evitará ese molesto parpadeo de CSS sin estilos.
Este efecto puede aplicarse a cualquier tipo de sitio web, pero queda perfecto en sitios de portafolios, agencias creativas, o cualquier proyecto que necesite un toque más profesional. Lo mejor es que es fácil de implementar y le da un plus a la apariencia de tus páginas.
Además, este precargador es completamente personalizable. Podrás ajustar el color de la cortina y del fondo, la velocidad con la que se muestra el contador, el tamaño del contador e incluso el color. Todo esto sin complicaciones y de manera sencilla.
Implementar este tipo de efecto no solo embellece la transición al cargar tu sitio, sino que también permite controlar mejor cómo se muestra el contenido. Así evitarás que los usuarios vean elementos apareciendo de golpe.
Este tutorial ya está disponible en los Tutoriales Exclusivos de la Academia OV Divi, donde podrás acceder a más tutoriales avanzados para sacarle el máximo provecho a Divi. Si te interesa mejorar la apariencia de tus proyectos web con efectos visuales como este, no dudes en unirte.
0 comentarios