Cómo hacer un efecto parallax con Elementor

Cómo hacer un efecto parallax con Elementor

Share on facebook
Share on twitter
Share on linkedin
Share on whatsapp
Share on telegram
Share on pinterest

He estado jugando mucho con el complemento Elementor últimamente.

Y tengo que decir que este es uno de los plugins de creación de páginas más potentes y fáciles de usar que he usado para WordPress.

Claro que Divi y Elementor se pueden comparar fácilmente (puedes ver una comparación de estos editores visuales en este post), pero Elementor tiene una versión gratuita, que es una gran ventaja.

Por supuesto, también tienen una versión Pro de Elementor (He escrito una comparación detallada aquí) pero hasta el momento no tienen un efecto de paralax 100% disponible.

Parallax Fácil Con Elementor

Ahora, hay algunos otros tutoriales en Elementor con Parallax, pero luché para que funcionen correctamente.

Primero, hay que seguir todos los pasos (que son un poco demasiado técnicos para la mayoría de las personas).

Luego está la naturaleza poco confiable del código javascript, que, por lo que puedo ver, ya no es compatible de todos modos. E incluso una vez que lo puse en funcionamiento,  fue un  lío.

Luego descubrí el complemento Granular Controls For Elementor 

Este complemento hace una mezcla extraña de cosas para Elementor, pero para el desarrollador, algunas de ellas son bastante útiles.

Puede ayudarte a cambiar el diseño del panel de control de Elementor (tamaño, forma, posición, color). Mantener los elementos de acordeón cerrados en la página abierta.

También puede agregar una salida fácil al editor elementor.

Pero estoy seguro que eso te importa un soberano cacaguate, ¿verdad? Porque también hay un interruptor en la configuración para activar Parallax. (ver la imagen que sigue)

Básicamente, esto te brinda un nuevo panel en el editor de Elementor que te permite agregar fácilmente parallax a cualquier sección de tus páginas.

Aquí está todo lo que necesitas hacer:

Active el botón Activar Parallax (en el panel de Estilo de su sección
Deje el tipo como desplazamiento (parece que no tiene efecto de todos modos)
Baja la velocidad a aproximadamente 0.5 (puedes jugar con esto, pero ten cuidado con 1.0 parece que lo arregla, y más alto me da un efecto extraño)
Una vez que hayas hecho eso, deberías tener un bonito efecto de parallax.

Solo un consejo: si el efecto no parece funcionar, podría ser un par de cosas:

Has arreglado encendido (en el menú desplegable adjunto)
Solo ha intentado probarlo en modo Vista previa (pruebe una prueba en vivo con una página o publicación publicada).
Guarda tus cambios

Suerte

Algo más que te pueda interesar:

Compartir:

Share on facebook
Facebook
Share on twitter
Twitter
Share on linkedin
LinkedIn
Share on pinterest
Pinterest
Share on telegram
Telegram
Share on whatsapp
WhatsApp
Dante Gualotuña Durán

Dante Gualotuña Durán

"El que enseña aprende 2 veces" Realizo webs rentables con Marketing Digital.

2 comentarios en “Cómo hacer un efecto parallax con Elementor”

  1. Esta función “fijo” de ELEMENTOR solo funciona en escritorio ¿Como puedo hacer que el efecto parallax funcione en un Movil, usando Elementor?

    Responder

Deja un comentario

Artículo añadido al carrito.
0 artículos - $0.00
Scroll Up
CARRITO
There are no products in the cart!
Continue Shopping