# Elementor

Editor visual Elementor en tu WordPress: páginas, plantillas y estilos globales editables elemento por elemento por MCP.

Fuente: https://ardumaker.com/docs/elementor/

- Categoría: Servidores e infraestructura
- Estado: Disponible
- Requisitos: Un sitio [WordPress](https://ardumaker.com/docs/wordpress) instalado como app; El plugin Elementor activo (Elementor Pro para condiciones de plantilla)
- Herramientas MCP (Escriben o modifican): `controlar_cache_wordpress`, `probar_web_wordpress`, `instalar_app`
- Herramientas MCP (Destructivas): `editar_elementor_wordpress`, `editar_diseno_elementor_wordpress`, `editar_contenido_wordpress`, `editar_archivos_wordpress`

## ¿Qué permite hacer?

Elementor es la variante de editor visual de un sitio WordPress. ArduMaker lo instala al crear el sitio y después permite editar el diseño elemento por elemento, sin abrir el editor: el agente lee la estructura de la página, cambia lo que hace falta y la plataforma regenera el CSS.

- Ver la estructura de una página o plantilla con los ids de cada elemento.
- Agregar, modificar, mover, duplicar o eliminar elementos, o reemplazar el árbol entero.
- Cambiar estilos, colores, tipografías, márgenes, valores por dispositivo (`_tablet`, `_mobile`) y contenido dinámico.
- Crear plantillas (header, footer, página, sección, popup) y editar los estilos globales del kit.

## ¿Cuándo conviene usarlo?

- Rediseñar o ajustar páginas de un sitio hecho con Elementor desde un agente de IA.
- Cambiar colores y tipografías de todo el sitio de una vez.
- Duplicar una página como base de otra (copia también sus metadatos de Elementor).

## ¿Cómo funciona en ArduMaker?

Con `config.extras` que incluye `elementor`, al crear el sitio se instalan y activan el plugin `elementor` y su tema base `hello-elementor` desde wordpress.org.

1. Se lee el campo `_elementor_data` de la página con wp-cli.
2. Se aplica el cambio sobre el árbol de elementos (un parche de `settings`; `null` borra una clave).
3. Se escribe de vuelta por stdin y la página queda en modo Elementor.
4. Se regenera el CSS de Elementor.

## ¿Qué cambia realmente?

Cambia el metadato `_elementor_data` de la página o plantilla, y para el diseño global la configuración del kit activo (`system_colors`, `custom_colors`, `system_typography`, `custom_typography`, `custom_css`). Todo vive en la base del sitio.

> **PRECAUCION:** `reemplazar` cambia el árbol entero de la página: conviene una copia del sitio antes.

## Esquema

**Edición de una página Elementor**

```text
Agente (`editar_elementor_wordpress` con `post_id` y acción)
  ↓
wp-cli (lee `_elementor_data`)
  ↓
Árbol de elementos (agregar, modificar, mover, duplicar, eliminar)
  ↓
wp-cli (escribe por stdin y regenera el CSS)
```

## Resultado esperado

La página publicada muestra el cambio. Para comprobarlo antes y después, `probar_web_wordpress` captura la página en escritorio, tableta o móvil.

## Errores y resolución

- `wordpress_comando_fallido` (422): wp-cli no pudo leer o escribir la página; la salida recortada dice por qué.
- Si el cambio no se ve, `controlar_cache_wordpress` con `elementor` vacía el CSS de Elementor (también transitorios, caché de objetos y reglas de reescritura).
- Las condiciones de una plantilla solo aplican con Elementor Pro.
- Si la variante no se pudo instalar al crear el sitio: `wordpress_variantes_no_instaladas`, reintentable.

## Relación con MCP

Elementor se edita desde el dominio [/mcp/wordpress](https://ardumaker.com/mcp/wordpress) (referencia general en [/mcp/docs](https://ardumaker.com/mcp/docs)). Las dos herramientas modifican el sitio, así que un agente solo lectura no las ve.

- `editar_elementor_wordpress`: una página o plantilla (`post_id`) con `ver` (`full` para todos los settings), `agregar`, `modificar`, `mover`, `duplicar`, `eliminar` o `reemplazar`.
- `editar_diseno_elementor_wordpress`: `listar_plantillas`, `crear_plantilla`, `ver_estilos`, `cambiar_estilos`.
- Complementos: `editar_contenido_wordpress` (duplicar páginas), `editar_archivos_wordpress` con `guardar_codigo_global` (CSS y JS de todo el sitio), `controlar_cache_wordpress`.
- Instalar: `instalar_app` con `config.extras: ["elementor"]`.

## Funciones relacionadas

- [WordPress](https://ardumaker.com/docs/wordpress/)
- [WooCommerce](https://ardumaker.com/docs/woocommerce/)
- [Servidor MCP](https://ardumaker.com/docs/servidor-mcp/)