Amiguitos! La cosa se pone interesante!

Divi ha sacado una mejora que gustará a muchos: Las animaciones. Y no solo de módulos, podrás animar filas, secciones… lo que te de la gana. Cada vez te va a ser más fácil enamorar a tus clientes con Divi.

Pero antes de meternos en arena déjame que te cuente algo…

Divi sigue siendo para mi el mejor constructor visual de WordPress por muchas razones, desde su brutal comunidad con cientos de recursos para Divi tanto gratuitos como de pago, por su facilidad de uso que puedes ver en los videos de ejemplo de mi Curso de WordPress con Divi, de hecho le han salido dignos competidores como Elementor o Thrive Architect que no tienen mala pinta, pero para mi todavía por debajo de Divi y en este artículo que escribí como invitado en el súper blog de Fernando Tellado, te lo demuestro: Divi vs GeneratePress + Elementor

Y ahora vamos al lío…

Opciones de animación para todo

Cada módulo de Divi, fila y sección ahora vienen con opciones avanzadas de animación que puede utilizar para enamorar a tus visitas y ayudar a que se queden en tu página y les seduzca tu proyecto.

Aquí tienes un vídeo donde el “David Guetta” de Elegant Themes, jeje es broma, donde Nich Roach, el CEO de Elegant Themes y máximo “culpable” de esta maravilla de Divi, nos lo explica:

Puedes ver una demostración en vivo pulsando aquí

Estas nuevas opciones se han integrado en una nueva y elegante interfaz que es increíblemente fácil de usar y al mismo tiempo le permite personalizar cada aspecto de su animación. Te lo vas a pasar bomba creando animaciones que van a dejar impactadas a tus visitas.

Puedes combinar animaciones para crear efectos sorprendentes

Todos los elementos Divi ahora tienen opciones de animación, lo que significa que puedes combinar estilos de animación padre, hijo y hermano para crear secuencias de animación increíbles.

Los elementos animados se pueden combinar para crear una serie de animaciones chulísimas con retrasos escalonados e intensidades para crear efectos realmente impresionantes. Da un vistazo a algunas de las impresionantes páginas que Elegant Themes ha diseñado para que lo veamos.

Ver la demostración

Ver la demostración

Ver la demostración

Ver la demostración

Ver la demostración

Ver la demostración

Ver la demostración

Ver la demostración

Ver la demostración

Ver la demostración

Siete Estilos de Animación Únicos

El sistema de animación tiene 7 estilos de animación diferentes, cada uno de los cuales puede ser altamente personalizado.

El nuevo sistema de animación viene con siete estilos de animación diferentes, incluyendo Fade, Slide, Bounce, Zoom, Flip, Fold y Roll. Cada estilo de animación crea un efecto único que puede utilizarse para diferentes tipos de contenido y cada estilo puede personalizarse con nuestros avanzados controles de animación. Puedes hacer tus animaciones rápidas o lentas y sutiles, ajustar el tiempo, añadir retraso, cambiar la dirección y construir el conjunto perfecto de animaciones para tu página.

Descolorarse

Diapositiva

Rebotar

Enfocar

Dar la vuelta

Doblez

Rodar

Controles avanzados para  cada estilo de animación

Una de las opciones de animación más chulas de Divi es su deslizador de intensidad personalizado. Esta opción le permite transformar rápidamente la intensidad de la animación de sutil a agresiva. Simplemente desliza el control deslizante y Divi. Todos hemos visto sitios web con animaciones extravagantes que están totalmente fuera de control, pero con Divi puedes fácilmente tonificar sus animaciones y encontrar esa transición perfectamente serena.

Hay un montón de otras opciones también, lo que da un control completo sobre el estilo de animación.

Personaliza tus animaciones

  • Animación Repetir – Por defecto, las animaciones sólo se ejecutan una vez. Sin embargo, puedes elegir que la animación se repita continuamente. Esto puede ser útil para los botones de llamada a la acción.
  • Dirección de Animación – Cada estilo de animación se ha creado de manera que permite diferentes direcciones. Puedes hacer que el elemento se anime desde la parte superior, inferior izquierda o derecha y el estilo se ajustará automáticamente.
  • Duración de la animación: por defecto, las duraciones de las animaciones se establecen en 1 segundo, sin embargo, puedes acelerar o reducir la duración con facilidad.
  • Retardo de animación : las animaciones se reproducen automáticamente cuando el elemento animado entra en la ventana de visualización del navegador al desplazarse por la página. Si añades un retardo aumentará el tiempo que tarda antes de que se produzca la animación una vez que el elemento esté visible en la pantalla. Al combinar diferentes animaciones de módulo con retrasos escalonados, puedes crear algunos efectos realmente impresionantes.
  • Intensidad de animación : Todo lo que necesitas hacer es aumentar el control deslizante para hacer tus animaciones más rápidas, o disminuir el control deslizante para hacerlos más sutiles.
  • Animación Opacidad inicial – Por defecto, todas las animaciones se atenúan desde una opacidad inicial de 0. Esto se puede ajustar para minimizar o eliminar el efecto de atenuación.
  • Curva de velocidad de animación – Aquí puedes ajustar la curva de velocidad que se utiliza durante la animación, cada una de las cuales da a la animación una sensación ligeramente diferente.

 

¿Te mola? Si quieres saber más sobre esta maravilla de Divi puedes ver esta Guía definitiva sobre Divi o apuntarte a mis cursos y aprender paso a paso como ya lo han hecho cientos de alumnos antes.

Aprende mucho más sobre Divi y diseña una web que enamore a tus clientes

¿Estás harto de estar buscando información gratuita y desordenada en internet sin conseguir tus objetivos? Si eres de los que piensa que a diseñar una web no se aprende con vídeos gratuitos de una hora y quieres una formación seria y amena y con soporte para dudas que te ayude a diseñar una web de la que presumir para poder generar ingresos y llevar la vida que sueñas, has llegado al lugar adecuado.

Yo pasé por donde tú estás ahora y ya he diseñado más de 200 webs con Divi para clientes que están encantados y bien posicionados en Google. Todo lo que he aprendido durante años lo he resumido en dos cursos. Uno inicial donde vemos Divi a fondo y hacemos una web paso a paso y desde cero y otro para los que ya conocen Divi y quieren ir un paso más allá con plugins y secretos maravillosos.

Curso de Divi a fondo

Aprende a diseñar una web que enamore a tus clientes sin necesidad de tocar una sola línea de código. Acabarás con tu web terminada y no estarás solo porque tendrás mi ayuda al otro lado del email. Incluye el tema Divi sin pagos adicionales.

Curso de Divi Avanzado

Ve un paso más allá con el Curso de Divi Avanzado y aprende a realizar efectos y plugins increíbles que enamoren a tus clientes y te generen más ingresos. Y podrás descargar todo lo que vemos en el curso y usarlo en tu proyecto.

Cursos de WordPress con Divi
100% práctico con soporte incluido

Si no quedas satisfecho te devuelvo el dinero.

SOPORTE POR EMAIL

Compres el curso que compres me tendrás al otro lado del email para ayudarte con todas tus dudas.

ACCESO DE POR VIDA

A diferencia de los cursos por "suscripción", en mis cursos una vez te apuntes podrás acceder de por vida.

descargas gratis

Podrás descargar gratis todo lo que vemos en cada curso: Tema Divi, Plugins de Divi, Plugins de Elegant Themes, etc.

}

a tu ritmo

Podrás empezar y acabar cuándo quieras. Con todos los vídeos online y paso a paso disponibles desde que te apuntes.

diseño | -20%

190€ 152€

divi  | -20%

247€ 197€

divi avanzado | -20%

190€ 152€

CURSOS | -20%

190€ 152€

seo | -20%

190€ 152€

tiendas  | -20%

190€ 152€

idiomas | -20%

45€ 36€

Descuentos para tu Licencia de Elegant Themes

Con el Curso WordPress con Divi tienes incluido el tema Divi de forma indefinida. Pero si además quieres tu propia Licencia de desarrollador para tener acceso a todos los Temas, plugins, actualizaciones y soporte de Elegant Themes, puedes aprovechar estos descuentos.

Plan Developer: 20% descuento

Aprovecha ahora el 20% de descuento en el Plan Developer y además de Divi tendrás todos los temas, plugins, actualizaciones y soporte de Elegant Themes. Pago anual.

Plan LifeTime: 10% descuento

Este es el que tengo yo. Empecé pagando el Developer y después de 2 años pagando vi que lo mejor era pagar una vez y tenerlo todo de por vida. No puedo estar más contento! Si lo quieres pulsa aquí.

218820

No te vayas sin tu regalo, es gratis.

Mis 10 secretos para crear webs de éxito

+ trucos y recursos gratis para Divi

Tengo regalitos
para ti 😉

Responsable de los datos: Gonzalo de la Campa Marinas
Finalidad de los datos: Enviarte información.
Almacenamiento de los datos: Base de datos alojada en Profesional Hosting (UE)
Derechos: En cualquier momento puedes limitar, recuperar y borrar tu información.

×
¿Alguna duda? Estoy aquí ahora, al otro lado del WhatsApp ;-) Cuéntame y te ayudo encantado.
218813

¿Te vas sin tu regalo?

Mis secretos para crear una web de exito

+ trucos y recursos gratis para Divi

Responsable de los datos: Gonzalo de la Campa Marinas
Finalidad de los datos: Enviarte información.
Almacenamiento de los datos: Base de datos alojada en Profesional Hosting (UE)
Derechos: En cualquier momento puedes limitar, recuperar y borrar tu información.

Dime dónde te envío

tu regalo

Responsable de los datos: Gonzalo de la Campa Marinas
Finalidad de los datos: Enviarte información.
Almacenamiento de los datos: Base de datos alojada en Profesional Hosting (UE)
Derechos: En cualquier momento puedes limitar, recuperar y borrar tu información.

Dime dónde te envío

el enlace al webinar

Responsable de los datos: Gonzalo de la Campa Marinas
Finalidad de los datos: Enviarte información.
Almacenamiento de los datos: Base de datos alojada en Profesional Hosting (UE)
Derechos: En cualquier momento puedes limitar, recuperar y borrar tu información.

Pin It on Pinterest