Un elemento que simplemente aparece en el desplazamiento está bien. Un elemento que es descubierto, cuando un panel de color se desliza para exponerlo, se siente diseñado. El Revelar extensión en Complementos maestros para Elementor agrega ese efecto de revelación de bloque activado por desplazamiento a cualquier elemento Elementor: una superposición de color borra el elemento cuando ingresa a la ventana gráfica y luego se borra para mostrar el contenido debajo. Controlas el color de la superposición, la dirección de la limpieza y la velocidad de la animación, todo desde el panel Elementor.
¿qué es la extensión Revelar? #
El Revelar la extensión es una herramienta de animación de complementos maestros gratuita que reproduce una revelación de bloque en cualquier elemento Elementor en el momento en que se desplaza hacia la vista. En lugar de desvanecerse o deslizarse, el elemento se encuentra detrás de un panel de color sólido que se aleja para revelarlo. Debido a que la animación está vinculada a la posición de desplazamiento, cada elemento se revela exactamente cuando el visitante lo alcanza, lo que atrae la atención hacia abajo sección por sección.
Una vez que la extensión está habilitada, cada elemento Elementor obtiene una opción Revelar en su Avanzado tab, con tres configuraciones principales: la revelación color (el panel que cubre el elemento), el dirección el panel se desplaza a medida que se despeja y el velocidad de la animación. Funciona en encabezados, imágenes, botones, columnas completas o cualquier otro elemento, y no agrega ningún complemento separado.
Antes de empezar #
- WordPress con Elementor instalado y activo.
- Complementos maestros para Elementor instalado y activo. ¿Nuevo en el complemento? Sigue el guía de instalación primero.
- Reveal es una extensión gratuita, por lo que no se requiere licencia Pro.
Cómo habilitar la extensión Reveal #
Desde su panel de WordPress, ábralo Complementos maestros y ve al Extensiones pestaña. Revelar se encuentra en el Widgets de animación grupo, al lado Animación de entrada y Transforma. Haga clic en su palanca para encenderlo y luego presione Guardar cambios y espere el aviso de confirmación. La opción Revelar ahora está disponible en todos los elementos del editor Elementor.
Agregue una animación de revelación a un elemento #
En el editor Elementor, seleccione el elemento que desea animar y luego abra Avanzado tabular y expandir el Revelar sección. Active el efecto y configure los tres controles:
- Color: el panel sólido que cubre el elemento antes de que se revele. Combínelo con el fondo de su sección para una limpieza perfecta o use un color de marca para un barrido más atrevido.
- Direcția: la forma en que se desplaza el panel a medida que se despeja, por ejemplo, hacia la izquierda, hacia la derecha, hacia arriba o hacia abajo, lo que determina si el elemento está descubierto horizontal o verticalmente.
- Velocidad: qué tan rápido se reproduce la revelación. Una duración más corta muestra el elemento a la vista; uno más largo da un barrido más lento y deliberado.
La revelación se activa mediante desplazamiento, por lo que no se reproduce nada hasta que el elemento se desplaza hacia la ventana gráfica. Desplácese por la página hacia arriba y hacia abajo en la vista previa para ver cómo se activa la animación en el momento adecuado.
El resultado en la página #
Publique o obtenga una vista previa y desplácese hacia abajo en la página. A medida que cada elemento con Reveal habilitado ingresa a la pantalla, su panel de color se aleja en la dirección que eligió y a la velocidad que estableció, descubriendo el contenido a continuación. Debido a que el efecto se desactiva de la posición de desplazamiento, una pila de elementos revelados cae en cascada de forma natural a medida que el visitante avanza por la sección.
Donde el efecto Revelar gana su lugar #
- Encabezados de sección. Una revelación en un H2 señala el inicio de una nueva sección a medida que el lector llega a ella.
- Imágenes de héroes. Descubrir una foto de héroe con una toallita de color da una primera impresión más fuerte que un simple desvanecimiento.
- Cuadrículas de características o carteras. Revelar cartas fila por fila en el desplazamiento mantiene el ojo moviéndose a través de la cuadrícula.
- Llamados a la acción. Una revelación en un botón o bloque de oferta llama la atención justo cuando se desplaza hacia la vista.
- Estadísticas y cotizaciones. Descubrir un número o un testimonio le da un momento de concentración.
Consejos para utilizar Reveal #
- Mantenga la velocidad cómoda. Una revelación muy lenta puede dejar a los visitantes esperando a leer; una toallita rápida generalmente se siente más receptiva.
- Haga coincidir el color con la sección. Establecer el color de revelación en el fondo de la sección hace que el panel sea invisible hasta que se mueve, por lo que parece que el elemento está siendo eliminado.
- Úselo con moderación. Revelar cada elemento de la página diluye el efecto. Resérvalo para los elementos que más deseas que se noten.
- Consulta móvil. Las pantallas cortas se desplazan más rápido, así que confirme que la revelación aún se activa y se lee bien en teléfonos y tabletas.
- Combínalo con otras extensiones de animación. Combina Revelar con Animación de entrada o explore la gama completa de Efectos de animación elemental para un movimiento más rico.
Vídeotutorial #
Mire la extensión Reveal en acción, desde permitirle hasta establecer el color, la dirección y la velocidad en un elemento:
Preguntas frecuentes #
¿cuál es la extensión Reveal en Master Addons?
La extensión Reveal es una herramienta de animación de complementos maestros gratuita que agrega un efecto de revelación de bloque activado por desplazamiento a cualquier elemento Elementor. Un panel de color sólido cubre el elemento y luego se desliza para descubrirlo a medida que el elemento se desplaza hacia la vista. Lo habilitas en la pestaña Extensiones, luego configura el color, la dirección y la velocidad en cada elemento desde la pestaña Avanzado.
¿cómo agrego una animación de revelación al desplazarse en Elementor?
Habilite la extensión Revelar en la pestaña Extensiones de complementos maestros, luego seleccione un elemento y abra la pestaña Avanzado. Expanda la sección Revelar, active el efecto y elija el color, la dirección y la velocidad de revelación. La animación se activa mediante desplazamiento, por lo que se reproduce automáticamente cuando el elemento ingresa a la ventana gráfica.
¿Qué puedo personalizar en el efecto revelador?
Hay tres controles principales: el color del panel que cubre el elemento, la dirección en la que viaja el panel a medida que se aclara y la velocidad de la animación. Juntos te permiten hacer coincidir la revelación con el fondo de tu sección o el color de la marca y controlar qué tan rápido se descubre el elemento.
¿reveal funciona en algún elemento Elementor?
Sí. Una vez habilitada la extensión, aparece la opción Revelar en la pestaña Avanzado de cada elemento Elementor, para que puedas aplicarla a encabezados, imágenes, botones, columnas o cualquier otro elemento que quieras descubrir en el desplazamiento.
¿la extensión Reveal es gratuita?
Sí. Reveal se envía con la versión gratuita de Master Addons para Elementor, en el grupo Animation Widgets de la pestaña Extensiones, por lo que no se requiere licencia Pro para usarlo. La página de precios cubre lo que agregan los planes Pro.
Envolviendo #
La extensión Reveal convierte un pergamino simple en uno diseñado: un panel de color se borra para descubrir cada elemento cuando ingresa a la ventana gráfica, con el color, la dirección y la velocidad establecidos desde el panel Elementor. Comience con un encabezado o imagen de héroe, sintonice el color con su sección y construya a partir de ahí. Se combina naturalmente con el Animación de entrada y Transforma extensiones y la línea completa de Widgets y extensiones de complementos maestros cubre el resto.
