Nuestras promociones de aniversario se acaban en:  

Día(s)

:

Hora(s)

:

Minuto(s)

:

Segundo(s)

Seleccionar página
s

Contenido Premium

Puedes acceder a este y otros +500 contenidos suscribiéndote en cualquiera de  nuestros planes o accediendo con tu cuenta.

¿Quieres acceder únicamente a los Tutoriales Premium y Webinars? Suscríbete por solo US$6/mes a nuestro plan LITE y ten un acceso SOLO a estos contenidos. Nota: el plan Lite no te da acceso a los cursos.

Cómo insertar animaciones (Lottie Files) en Divi fácil y rápido.

En este tutorial premium te enseñaremos a insertar animaciones ligeras (LottieFiles) en Divi de una manera rápida, con un plugin premium.

Profesor: Jefferson M.

Publicación: 2 diciembre 2020

En este vídeo tutorial premium te enseñaremos a insertar animaciones ligeras (Lottie Files) en Divi de una manera sencilla y rápida, con un plugin premium que por supuesto podrás descargar desde los recursos de este tutorial.

Objetivo de tutorial:

Muchas personas de la comunidad me han preguntado como es que he insertado la animación principal que tiene UXDIVI en su página de inicio, pues bien, lo he hecho justamente es insertar una Animación SVG con LottieFiles, que es un repositorio de animaciones SVG (vectores super ligeros) que se ejecutan directamente en el navegador.

Lo increíble de este sistema es que las animaciones de LottieFiles son ultra mega ligeras, al ser presentadas como vectores SVG, el peso es muy muy bajo comparado con un Gif animado o in video MP4.

Hablamos más sobre imágenes SVG en nuestro tutorial premium donde te enseñamos a insertar imágenes SVG en WordPress.

Resultado:

Al final tendremos un resultado como este:

Si te ha gustado este contenido no olvides compartirlo con tus amigos y conocidos, además recuerda que puedes compartirnos el enlace de tu creación en los comentarios de este contenido, así todos veamos los resultados maravillosos que conseguiste con este contenido premium.

Recursos, Snippets y descargas

Aquí podrás descargar los recursos que usamos en el tutorial: plugins, código, snippets, layouts, .json, etc.

2 Comentarios

  1. Avatar

    Hola, puede ser que no funcione muy bien padding y margen de los lottie? ignora los valores que le pongo y no se desplaza.

    Responder
    • Jefferson M.

      Puede ser que si Francisco. Recuerda que al final un lottie es un recurso incrustado, con lo que seguramente si el lottie original tiene alguna restricción de tamaño, tengas ciertas limitaciones para darle margen o espacio. Ahora si lo que quieres es cambiarlo de posición, recuerda que puedas usar las opciones de la pestaña de avanzado «Puesto» y allí con posición «Relativa» dale su ajuste.

      Responder

Enviar un comentario

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

¡Valóranos!

¿Te han gustado nuestros tutoriales y cursos? por favor, déjanos una valoración de 5 estrellas en truspilot, nos ayudará mucho su calificación ¡Gracias!

🖐 ¡RECIBE LAYOUTS Y CHILDTHEME GRATIS! 😎

Suscribiendote a esta lista de correo, recibirás algunos de nuestros layouts premium y un childtheme para eCommerce totalmente gratis. Además te enviaremos nuestro resumen de contenidos para que siempre estés enterado/a de nuestras últimas novedades.

¡Perfecto! ¡Gracias! Pronto comenzarás a recibir nuestros recursos gratuitos