Global animations
En wp-admin: Fancy Animations → Global animations. Define una animación para cualquier
selector CSS, y se aplica automáticamente a cada elemento coincidente en todo el sitio, sin
necesidad del constructor. Útil para una regla general del tipo "cada h2 sube con slide" o
"cada tarjeta aparece con fade" que no quieres configurar a mano en cada elemento.
Los elementos que ya tienen su propia animación de Fancy, configurada en el constructor, siempre quedan excluidos: una regla solo alcanza a los elementos que no tienen animación propia.
Míralo en acción: Global animations en fancyanimations.com.
De todo el sitio
| Ajuste | Valor por defecto | Efecto |
|---|---|---|
| Never animate inside | Vacío | Una lista de selectores (por ejemplo .no-animation, footer) que respeta cada regla, además de sus propias exclusiones |
Reglas
Haz clic en Add rule, arriba de la pantalla, para crear una. Las reglas se listan en orden, y la primera regla que coincide con un elemento gana. Solo una regla está abierta a la vez: haz clic en la línea de resumen de una regla para abrirla o cerrarla.
Cada regla tiene, en su línea de resumen:
- un interruptor Active, para pausar la regla sin eliminarla;
- un menú ⋯ con Move up, Move down, Duplicate y Delete.
Dentro de una regla abierta:
| Ajuste | Opciones | Valor por defecto |
|---|---|---|
| Selector | Escribe un selector, o elige uno común (h1–h6, p, a, button, img, section, article) | Vacío |
| Type | Entrance, o Text (Text necesita el módulo de Text) | Entrance |
| Animation | El catálogo de entrada o de texto | Fade in |
| Split by (solo Text) | Letters, Words, Lines | Letters |
| Trigger | 0–90 %, desde la parte inferior de la pantalla | 10 % |
| Duration | Default (el Animation time del sitio), o un valor específico | Default |
| Delay | Default (el Animation delay del sitio), o un valor específico | Default |
| Wait until fully visible | Usa el borde inferior del elemento como referencia del disparador | Off |
| Only once | Se reproduce solo la primera vez. Aparece marcado y bloqueado cuando "Play entrance animations once" está activado para todo el sitio | Off |
| Skip inside | Una lista de selectores excluida solo para esta regla, además de "Never animate inside" | Vacío |
Una regla con un selector vacío o inválido se marca como Needs attention y bloquea el guardado hasta que la corrijas.
Problemas comunes
- Un elemento que espero que se anime no lo hace. Probablemente ya tiene su propia animación de Fancy configurada en el constructor: las reglas siempre omiten esos casos. O una regla anterior coincide primero.
- Algo se anima y nunca lo toqué en el constructor. Una regla coincide con su etiqueta o selector. Dale al elemento su propia animación (siempre gana), o añádelo a "Never animate inside" o al "Skip inside" de la regla.
- Text no se puede elegir como type. El módulo de Text está desactivado para el sitio: actívalo primero.