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
2 comentarios en «Cómo hacer un efecto parallax con Elementor»
Esta función “fijo” de ELEMENTOR solo funciona en escritorio ¿Como puedo hacer que el efecto parallax funcione en un Movil, usando Elementor?
Hola José eso lo podrías hacer con el addon Jet Tricks