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 Pro agrega ese efecto de revelación del bloque activado por desplazamiento a los widgets y columnas de 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 borrada, la velocidad y el retraso, todo desde el panel Elementor.
¿qué es la extensión Revelar? #
El Revelar la extensión es una extensión de animación Master Addons Pro que reproduce una revelación de bloque en un widget o columna 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 en la página. Se reproduce una vez por carga de página.
Una vez habilitada la extensión, los widgets y las columnas obtienen una opción Revelar en Avanzado tab, con cuatro configuraciones: la revelación color (el panel que cubre el elemento), el dirección el panel se desplaza a medida que se despeja, el velocidad, y el retraso. Funciona en encabezados, imágenes, botones y otros widgets, y en columnas en secciones heredadas. Los contenedores y secciones de Flexbox no tienen la opción.
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.
- Complementos maestros Pro activo, ya que Reveal es una extensión 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 (Pro) 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 widgets y columnas en el 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. Encender Revelación habilitada y configure los 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: Centro, de izquierda a derecha, de derecha a izquierda, de arriba a abajo o de abajo a arriba.
- Velocidad: 0 a 10, donde el 5 predeterminado es medio segundo. Lower es más rápido.
- Retraso: 0 a 20, hasta dos segundos antes de que el panel se mueva. Úselo para escalonar varios elementos.
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. En el editor se reproduce poco después de que se carga la página. En la página en vivo se reproduce una vez cuando el elemento ingresa a la ventana gráfica y una recarga se reproduce nuevamente.
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 a medida que el visitante avanza por la página. El Revelar página de extensión tiene una demostració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 extensión de animación Master Addons Pro que agrega un efecto de revelación de bloque activado por desplazamiento a los widgets y columnas de 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, la velocidad y el retraso 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 cuatro controles: el color del panel que cubre el elemento (sólido o degradado), la dirección en la que viaja el panel a medida que se despeja, la velocidad y el retraso. Juntos le permiten hacer coincidir la revelación con el fondo de su 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?
No todos los elementos. La opción Revelar aparece en la pestaña Avanzado de widgets y columnas en secciones heredadas. Los contenedores y secciones de Flexbox no lo obtienen, así que aplique Revelar a los widgets que contienen.
¿la extensión Reveal es gratuita?
No. Reveal es parte de Master Addons Pro. Aparece en el grupo de Widgets de animación de la pestaña Extensiones una vez que Pro está activo. La página de precios enumera los planes.
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.
