WP Manifestindependent plugin directory
manifest / builders / wp-elementor-animator

WP Elementor Animator

Plugin de WordPress que aplica animaciones de entrada de Elementor por reglas, sin tocar clases CSS. Con vista previa, backup y reversión.

by Ceustack · github.com/alvaroartiel/wp-elementor-animator

★ 0stars

Install

Download source zip No release zip yet

This is the repository archive. It installs, but the folder name will carry the branch suffix and updates will not flow.

Install straight from GitHub with WP-CLI:

wp plugin install https://github.com/alvaroartiel/wp-elementor-animator/archive/refs/heads/main.zip
No built-in updater. New versions won't appear under Dashboard → Updates. Install new releases yourself, or let Git Updater track the repository.
Readme github.com/alvaroartiel/wp-elementor-animator ↗

Plugin de WordPress que aplica animaciones de entrada de Elementor por reglas según el tipo de elemento, con selector de páginas, vista previa, backup automático y reversión. Sin necesidad de añadir clases CSS: distingue los elementos por el elType / widgetType que Elementor ya guarda en su JSON.

Instalación

Es un plugin de un solo archivo:

  1. Copia wp-elementor-animator.php a wp-content/plugins/ del sitio (o comprímelo en un zip y súbelo desde Plugins → Añadir nuevo → Subir).
  2. Actívalo. Aparece en Herramientas → Elementor Animator.

Uso

  1. Backup de la BD antes del primer uso (el plugin además guarda copia del diseño original de cada página, reversible con «Restaurar»).

  2. Marca las páginas a animar (solo lista páginas — no entradas — construidas con Elementor).

  3. Configura las reglas por tipo de elemento:

    Regla Qué captura Preset por defecto
    Cajas Contenedores dentro de contenedores (y inner sections legacy). Las secciones de primer nivel no se tocan. fadeInUp
    Títulos Widgets heading, theme-post-title (editable) fadeInDown
    Imágenes Widgets image, image-box, theme-post-featured-image (editable) zoomIn
    Resto de widgets Cualquier otro widget (desactivada por defecto) fadeIn

  4. Opciones globales: escalonado entre hermanos (efecto cascada, 150 ms por defecto), duración, sobrescribir animaciones existentes (por defecto se respetan), y «evitar doble animación» (si una caja se anima, sus widgets internos no).

  5. Vista previa → no escribe nada, informa de cuántos elementos animaría por página y por regla.

  6. Aplicar → guarda backup, escribe el JSON, borra _elementor_css y regenera la caché de Elementor.

  7. Restaurar → devuelve las páginas seleccionadas a su diseño original.

Flujo recomendado: vista previa sobre una página → aplicar solo esa → revisar el front → aplicar al resto.

Utilidad alternativa: animate-elementor.mjs

Script Node para la vía exportar/transformar/importar plantillas JSON (lógica simple por posición, sin reglas por tipo). Útil si no quieres instalar el plugin en algún sitio:

node animate-elementor.mjs pagina.json --presets fadeInLeft,fadeInRight --step 200

Importa después el -animado.json en Plantillas → Importar plantillas.

Claves internas (verificadas en el código fuente de Elementor)

Elemento Preset Delay Duración
container / section / column animation animation_delay animation_duration
widget _animation _animation_delay animation_duration

animation_duration acepta slow, fast o vacío (normal). El delay va en ms. Tras escribir en BD hay que borrar _elementor_css y vaciar la caché de Elementor (el plugin lo hace automáticamente).