¿Quieres crear un fondo de paralaje en Elementor ?
En el diseño web, el paralaje de fondo se refiere a un comportamiento en el que el fondo se mueve a un ritmo más lento que el primer plano. Elementor (la versión pro) viene con una función que le permite crear este tipo de fondo.
Lo cubriremos aquí.
Es posible que encuentre un pequeño problema al agregar un fondo de paralaje en Elementor de Elementor no utiliza específicamente el término "paralaje". En cambio, para crear un fondo de paralaje en Elementor, puede aplicar un efecto de desplazamiento al fondo al que desea crear el efecto de paralaje. El fondo al que nos referimos aquí es el fondo de la sección y el fondo de la columna.
Si aún no ha usado Elementor, consulte Cómo instalar Elementor en WordPress
En caso de que no pueda entender de qué estamos hablando, eche un vistazo al siguiente ejemplo y observe la imagen de fondo. Este es un ejemplo del efecto de paralaje.
Dijimos que el efecto de paralaje se refiere a que el fondo y el primer plano tienen una velocidad de movimiento diferente. De hecho, el caso no siempre es así. En lugar de moverse, un diseñador web puede aplicar diferentes efectos como desenfoque, transparencia o escala. El propio Elementor ofrece 6 efectos diferentes:
- Desplazamiento vertical: El fondo se mueve verticalmente con el desplazamiento del mouse
- desplazamiento horizontal: El fondo se mueve horizontalmente con el desplazamiento del mouse
- Transparencia: El fondo aparece como transparente antes del desplazamiento del mouse
- Borroso: El fondo aparece borroso antes del desplazamiento del mouse
- Escalera: El fondo aparece en cierta escala antes del desplazamiento del mouse
Cómo aplicar el efecto de desplazamiento en Elementor
Como mencionamos, puede aplicar el fondo de paralaje, ya sea en una sección o en una columna.
Lea también: Cómo usar Elementor para crear sitios web
Entonces, seleccione una columna o una sección donde desea aplicar el efecto de paralaje. ir a la pestaña Estilo y abre la sección Fondo. Establezca el tipo de fondo en Clásico y elige una imagen que quieras usar como fondo y habilita la Efectos de desplazamiento.
Establezca la posición y el tamaño de la imagen de fondo, luego seleccione el efecto de paralaje que desea aplicar haciendo clic en el icono de lápiz en una de las opciones de efectos de paralaje disponibles.
Puede habilitar más de un efecto de paralaje si lo desea.
Eso es. Puede continuar editando su página o plantilla. Una vez hecho esto, puede publicar o actualizarlo.
¡Consigue Elementor Pro ahora!
Conclusión
Listo ! Eso es todo por este artículo que le muestra cómo crear fondo de paralaje en Elementor. Si tiene alguna inquietud sobre cómo llegar, háganoslo saber dentro de comentarios.
Sin embargo, también puedes consultar nuestros recursos, si necesita más elementos para llevar a cabo sus proyectos de creación de sitios de Internet, consulte nuestra guía sobre Creación de blog de WordPress o el de Divi: el mejor tema de WordPress de todos los tiempos.
Pero mientras tanto, comparte este artículo en tus diferentes redes sociales.
...
