web_scroll_triggered_image_sequence_text Shortcode
El shortcode web_scroll_triggered_image_sequence_text añade una etapa de texto a una escena de imagen o vídeo activada por scroll. Añade varias etapas en el orden en que deben aparecer mientras se hace scroll.
Los atributos siguientes coinciden con los controles actuales del Page Builder y con la salida pública. Utiliza la sintaxis en bruto solo para contenido revisado que no pueda mantenerse mediante los controles visuales.
Shortcodes principales permitidos: web_scroll_triggered_image_sequence.
Uso
[web_scroll_triggered_image_sequence_text title_text="The first chapter"][/web_scroll_triggered_image_sequence_text]Atributos
| Atributo | Predeterminado | Valores aceptados | Propósito |
|---|---|---|---|
title_text |
— | Texto con HTML en línea seguro | Controla el texto que se muestra en esta etapa. |
el_class |
— | Clases CSS separadas por espacios | Añade clases personalizadas a esta etapa de texto. |
Contenido incluido
El shortcode utiliza title_text; el contenido incluido se ignora. Mantén el hijo dentro de web_scroll_triggered_image_sequence para que su posición controle cuándo aparece.
Mantén las etapas breves. Las preferencias de movimiento reducido, la interacción por teclado y la animación no disponible utilizan un diseño legible que contiene todas las etapas. En Gutenberg, Scroll Sequence Stage usa hijos editables de tipo Heading, Paragraph y List en lugar de un campo de texto HTML.
Personalizar la hoja de estilos
Las etapas de texto utilizan la hoja de estilos del módulo principal. Ve a Settings → POM Theme → Advanced → Custom CSS → Shortcode CSS assets → Scroll-triggered image sequence para editar su diseño y presentación. Al guardar se reemplaza únicamente la hoja de estilos web-scroll-triggered-image-sequence existente; no cambia el orden de los hijos, el contenido de texto seguro, las transiciones GSAP, el tiempo de scroll ni el script principal.
Verificación
Mantén web_scroll_triggered_image_sequence_text dentro de web_scroll_triggered_image_sequence. Haz scroll hacia abajo y de nuevo hacia arriba para confirmar que su texto aparece en el orden previsto y se invierte con claridad.