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.
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
Descargas gratis + soporte
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%
En este curso aprenderás todo lo que debes saber sobre el diseño (antes de hacer tu web). Como optimizar imágenes, elegir tipografías, etc. Incluye Curso de Photoshop.
divi | -20%
Este es el curso en el que harás tu web desde 0 aunque no tengas conocimientos. Con el Tema Divi y WordPress podrás hacer maravilas. Incluye 3 cursos: Divi Express, Divi a fondo y WordPress.
divi avanzado | -20%
Este curso es para los que ya tienen página web hecha con Divi y quieren ir un paso más allá para diferenciarse de su competencia. Con plugins maravillosos que convertirán tu web en única.
diseño | -20%
En este curso aprenderás todo lo que debes saber sobre el diseño (antes de hacer tu web). Como optimizar imágenes, elegir tipografías, etc. Incluye Curso de Photoshop.
divi | -20%
Este es el curso en el que harás tu web desde 0 aunque no tengas conocimientos. Con el Tema Divi y WordPress podrás hacer maravilas. Incluye 3 cursos: Divi Express, Divi a fondo y WordPress.
divi avanzado | -20%
Este curso es para los que ya tienen página web hecha con Divi y quieren ir un paso más allá para diferenciarse de su competencia. Con plugins maravillosos que convertirán tu web en única.
CURSOS | -20%
Este es un curso para aquellos que ya tienen página web y quieren Crear Cursos Online para tener un negocio escalable con ingresos pasivos con una Academia Online integrada.
seo | -20%
Este es un curso para aquellos que ya tienen página web y quieren optimizarla para posicionar en Google. Explico con detalle todo lo que debes hacer en tu web para enamorar a Google.
tiendas | -20%
Este es un curso para aquellos que ya tienen página web y ahora quieren añadirle una tienda online para vender productos o servicios productizados. WooCommerce a fondo.
idiomas | -20%
Este es un curso para aquellos que quieren traducir su página web a otros idiomas. Explico 3 de los mejores plugins para hacerlo según las distintas necesidades: WPML, Polylang y Transposh.
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í.
