Cerrar video

Cómo crear un efecto de transición (preloader) tipo cortinilla entre páginas en divi

por | Oct 8, 2020 | Tutorial premium | 2 Comentarios

En este tutorial premium y exclusivo de OV DIVI creamos un preloader con un efecto de transición entre páginas.

No sé si te ha pasado algunas veces cuando creas el menú desde el generador de temas divi y al entrar a tu sitio siempre hay cómo un «flashaso» o un parpadeo, es decir, hay un milisegundo o aveces hasta segundos dónde primero se muestra el sitio web sin estilos y después aparecen los estilos. Esto es algo común en la web y sucede muy a menudo con divi, sobre todo cuando creamos el header desde el generador de temas.

Una solución para evitar ese parpadeo es hacer uso de un precargador que se ejecute antes de que cargue el sitio y una vez cargado todo el sitio, se muestre el contenido.

Hay muchos plugins para agregar un preloader a nuestro sitio web pero no he encontrado uno dónde el preloader sea tipo cortina o cortinilla, por lo tanto, en este tutorial te voy a enseñar a implementar este tipo de efecto de transición entre páginas en divi.

Si quieres ver la demostración puedes recargar este página o bien, visitar el enlace a la demo:

> Ver demostración del ejercicio.

Recuerda que si quieres unirte a los tutoriales exclusivos de OV DIVI puedes hacerlo mediante una suscripción de $6 USD al mes. Así tendrás acceso a este y muchos más tutoriales exclusivos y premium de OV DIVI.

Este tutorial es premium

Accede a este y más tutoriales exclusivos de la Academia OV DIVI por tan solo $10 USD al mes y saca el máximo provecho del mejor tema y constructor visual para WordPress.

Tutoriales Relacionados

2 Comentarios

  1. Adry

    Excelente tutorial!

    Responder

Trackbacks/Pingbacks

  1. Cómo agregar un efecto de transición entre páginas en divi - OV DIVI - […] cierto, hace unos días también he realizado un tutorial premium dónde implementamos también un efecto de transición entre páginas,…
  2. Cómo agregar un precargador con efecto cortinilla (curtain preloader) en Divi y WordPress sin plugins - OV DIVI - […] ya has seguido algún tutorial anterior de precargadores, quizá recuerdes que en el pasado creamos uno muy similar, que,…

Enviar un comentario

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

Tutoriales Exclusivos

Tutoriales exclusivos OV Divi

Lleva tus sitios web creados con divi al siguiente nivel.

Accede a tutoriales exclusivos y únicos de divi y saca el máximo provecho del mejor tema y constructor visual para WordPress.

$10 USD / mes

Pin It on Pinterest