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
0forks

Install

No release zip yet. The repository archive installs, but the folder name will carry the branch suffix and updates will not flow:

wp plugin install https://github.com/alvaroartiel/wp-elementor-animator/archive/refs/heads/main.zip

Readme

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).

Read the full README on GitHub →