Elementor

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

  • Categoría: Servidores e infraestructura
  • Estado: Disponible
  • Requisitos: Un sitio 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

Markdown

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

Esquema

  1. Agente: editar_elementor_wordpress con post_id y acción
  2. wp-cli: lee _elementor_data
  3. Árbol de elementos: agregar, modificar, mover, duplicar, eliminar
  4. wp-cli: escribe por stdin y regenera el CSS
Edición de una página Elementor

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 (referencia general en /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