GREENSHIFT DESIGN PACK ADDON WORDPRESS PLUGIN

Una sección animada envejece cuando su contenido se escribió a mano

Trabajas a fondo una sección con tarjetas que entran al desplazar, texto que aparece palabra por palabra y un fondo con parallax. Queda muy bien. Tiempo después cambias los productos destacados y descubres que cada tarjeta contiene datos copiados a mano, de modo que actualizar la página significa rehacer buena parte del trabajo.

El movimiento y los datos suelen resolverse por separado, y ahí nace el mantenimiento pesado. Design Pack reúne dos complementos para Greenshift en el editor de bloques: Animation Addon, para efectos con GSAP sin escribir código, y Query Addon, para listados y bloques dinámicos. Conviene mirarlos como dos mitades: una se ocupa de cómo se mueve la página y la otra de qué contenido muestra.

Animation Addon: timelines y efectos con GSAP

• Animaciones al desplazar, parallax, revelados y efectos con el ratón.
• SVG: dibujo, morphing y animación por trazado.
• Cadenas y líneas de tiempo múltiples.
• Texto animado palabra por palabra o línea por línea.
• Carga de Lottie mediante un cargador inteligente, y bloques para DotLottie y Rive.
• Bloques de scroll: PinScroll, desplazamiento horizontal y Video Scroll.
• Otros bloques y funciones: navegación de página, fondo con parallax, bloque 3D dinámico y desplazamiento suave con Lenis.

Las animaciones se basan en GSAP y en transiciones CSS ligeras. Con esas piezas puedes llegar lejos sin programar, pero las líneas de tiempo piden pensar en orden y duración, igual que en cualquier herramienta de animación.

Query Addon: listados que leen tus datos

• Constructor de listados avanzado, con soporte para WooCommerce.
• Patrones adicionales para el bloque Query.
• Lectura de metadatos de campos personalizados.
• Campos dinámicos de ACF, incluidas tablas repetibles.
• Contadores thumbs y hot.
• Bloque de filtros, con filtros de precio y existencias de WooCommerce.
• Repetidor y relaciones entre contenidos.
• Conector de API, con paginación dinámica.
• Paneles de visibilidad para los bloques de Greenshift, y controles de plantilla para archivos, usuarios y taxonomías.
• Bloques de galería, incluida la de 360 grados, con soporte para archivos 3D.

Mover contenido real en lugar de tarjetas fijas

El Query Builder sirve para diseñar bucles de tipos de contenido y carruseles. Si tus tarjetas salen de ahí, un producto o una entrada nueva puede entrar en el listado sin copiar nada a mano. Una receta posible consiste en aplicar los efectos de Animation Addon a esas secciones dinámicas. Es una combinación tuya, así que pruébala en tu página concreta, con la cantidad de elementos que vas a publicar, y revísala también en móvil.

Pensado para quien ya trabaja en bloques

Greenshift es un constructor para Gutenberg, compatible con la edición completa del sitio. Si tus páginas viven en otro constructor visual, adoptar este paquete supone cambiar de método. Tampoco convierte a alguien en animador: evita el código, pero las decisiones de ritmo y de medida siguen siendo tuyas.

Ten presente además que cada efecto añade trabajo al navegador. Greenshift no carga en la página lo que no usas allí, pero lo que sí usas cuenta. Conviene medir la velocidad después de cada sección animada.

Instalación sobre Greenshift y piezas cercanas

Los dos complementos amplían el plugin Greenshift, que se instala primero. A partir de ahí:

1. Instala y activa Greenshift.
2. Añade Animation Addon y Query Addon al mismo sitio.
3. Crea una página de prueba con un bloque animado sencillo.
4. Construye un listado con Query Builder usando tu propio contenido.
5. Si usas ACF, conecta primero un campo y comprueba que se muestra.
6. Aplica la animación y revisa el resultado en móvil.

El plugin base Greenshift ya trae más de 50 bloques y admite animaciones personalizadas; empieza por él si tus necesidades son modestas. Si lo que buscas son portadas de contenido en el editor de bloques, PostX Pro se centra en bloques de publicaciones, con constructor de consultas y filtros sin recarga.

Aclaraciones sobre el paquete

¿Qué incluye Design Pack?

Dos complementos: Animation Addon y Query Addon.

¿Hay que programar?

Las animaciones están pensadas para crearse sin conocimientos de código.

¿Sirve con WooCommerce?

Sí. El constructor de listados admite WooCommerce, y el bloque de filtros tiene filtros de precio y de existencias.

¿Lee campos de ACF?

Sí, incluidas las tablas repetibles.

¿Puedo mostrar animaciones de Lottie y Rive?

Sí, Animation Addon tiene soporte para ambas.