WordPress + IA · operable por agentes
1 / 30
Taller práctico · demo guiada · ~2,5 h

WordPress
operable por agentes

Desarrollar webs y hacer SEO local operando WordPress con agentes de IA. Agnóstico de modelo y plataforma.

Pulsa para avanzar · ? atajos · n notas · f pantalla completa

La tesis

No enseñamos a pedirle textos a una IA

Enseñamos a convertir WordPress en un entorno que un agente entiende y opera con criterio.

El giro Diseñar es solo uno de los casos de uso. Con las mismas conexiones se audita, se migran datos, se hace SEO en operación, se verifica y se reporta.

Qué y qué no

Sí es

  • Operar WP con agentes (Claude Code, opencode, Codex…)
  • Construir una web real de principio a fin
  • SEO local por código y en operación
  • Criterio de arquitectura y de datos

No es

  • Un curso de prompting bonito
  • Atarse a un modelo o plataforma
  • "La IA lo hace todo sola"
  • Magia sin entender qué pasa por debajo
Agnóstico: usamos el concepto genérico de fichero de contexto/reglas del proyecto, que converge en AGENTS.md. No nos casamos con ninguna marca.
Para quién

Desarrolladores web que ya construyen sitios

Qué te llevas

Un método

Boceto → código → WordPress → SEO, repetible en cualquier proyecto.

Criterio

Cuándo clásico, cuándo headless; qué capa de datos; qué conexión.

El mapa

MCP, abilities, skills y los plugins que conectan WP con agentes.

El hilo conductor

Inmobiliaria Vega del Sur (ficticia)

Una agencia greenfield en un pueblo inventado. La construimos entera durante el taller.

Eje 1 · contenido dinámico

CPT inmueble + campos + taxonomías + estado (vendido/reservado).

Eje 2 · SEO local

Matriz de landings zona × operación + nicho de fincas/olivar + captación.

Se eligió inmobiliaria porque luce los dos ejes a la vez. Datos 100 % inventados.

01

Mapa de decisión
y conceptos clave

Cuatro formas de hacer una web

EnfoqueFuerte enFlojo en
Estático (HTML/CSS/JS)velocidad, control, costeno lo edita el cliente
Builder (Elementor/Bricks…)rapidez visuallock-in, deuda, peso
WP clásico + plugin propiohandoff, datos en código, SEOrequiere disciplina
Headless (WP + Astro…)perf, seguridadcomplejidad, dos sistemas
Elegimos WP clásico + plugin propio: el arco del taller es prototipo estático → portar a theme, y ese port es casi 1:1 en clásico.

¿Por qué clásico y no FSE?

Clásico (elegido)

  • Prototipo HTML → templates PHP casi 1:1
  • Plugin propio posee los datos; tema fino y desechable
  • Reusa groundwork ya probado en proyectos reales

FSE / block theme

  • Hay que reconstruir el diseño como bloques + theme.json
  • Potente para editar todo desde el editor
  • Se presenta como alternativa/futuro, no se construye en vivo

Clásico ≠ sin Gutenberg: el editor de bloques sigue para el contenido (blog/editorial).

El triángulo

MCP · Ability · Skill

MCP

El cable/protocolo: cómo el agente habla con WordPress.

Ability

La capacidad que WP expone (Abilities API, Core 6.9).

Skill

El conocimiento portable del lado del cliente (agnóstico).

Analogía: el MCP es el enchufe, la ability es lo que el aparato sabe hacer, la skill es el manual que lleva el agente en el bolsillo.

Capas de conexión bajo nivel → datos externos

VíaQué haceRol en el taller
Novamira (free)PHP + filesystem + WP-CLI + BD directocapa principal
MCP Adapter + Abilitiesestándar oficial, WP Core 6.9hacia dónde va
Easy MCP AI215 tools: core + plugins + datos SEO (GSC, Semrush…)"más allá del diseño"
JetEngine MCPCPT/campos/queries (Command Center)contraste de capa
WooCommerce MCP (beta)operaciones de tiendaplus opcional
Novamira da acceso total (ignora sandbox). Solo en dev/staging, nunca contra producción de cliente.

Capa de datos: el híbrido

Nativo puro el hilo

register_post_type + register_post_meta + meta boxes en el plugin propio. Gratis, en git, portable.

ACF / SCF

Estándar UI-first. acf-json versiona los grupos. Más pool de talento.

JetEngine

Modela el mismo inmueble y lo opera por su MCP. Contraste (Bloque 6).

Por qué nativo en el hilo: es la imagen más fiel a la tesis — el agente teclea el modelo de datos y queda en código versionado.
02

Preparar el terreno
+ conexiones en vivo

En pantalla

Terreno + primera conexión real

Listo de antemano

  • LocalWP con el sitio creado
  • Novamira (free) instalado + Application Password
  • AGENTS.md con las reglas del proyecto

En vivo

  • Añadir skills: npx skills add WordPress/agent-skills
  • Probar el agente: "lista los plugins activos"
  • Crear un post de prueba vía MCP → verlo en WP

A pantalla — primera conexión

03

Demo para el cliente
prototipo → Cloudflare

Primero el diseño, sin CMS de por medio

  1. Boceto con el agente → HTML/CSS/JS limpio (o Tailwind), sin framework
  2. Iteración rápida y aprobación del cliente sobre algo real
  3. Publicar en Cloudflare Pages (preview compartible)
  4. Ese prototipo es el que luego portamos al theme casi 1:1
Google Stitch → HTML+Tailwind Open Design (BYO agent) Cloudflare Pages
Meta: esta misma presentación es HTML/CSS/JS plano en Cloudflare Pages. Estás viéndolo.

A pantalla

Prototipo de Vega del Sur → Cloudflare Pages

Mostrar la home + ficha + card. Publicar. Compartir el enlace.

04

Volcado a WordPress
tema clásico + plugin propio

Disciplina de construcción

El plugin posee los datos. El tema es desechable.

Plugin propio

  • CPT inmueble + meta + taxonomías
  • Lógica, JSON-LD, leads, hardening
  • Es lo que sobrevive a un rediseño

Tema clásico

  • Solo presentación: tokens + BEM + JS vanilla
  • Templates PHP portados del prototipo
  • Fino y reemplazable
"Rent the data engine, own the presentation."

El modelo inmueble en nativo puro

Estructura

  • register_post_type('inmueble') · show_in_rest
  • Taxonomías: operacion · tipo · zona · estado
  • Meta: precio, m², hab, baños, energético…

Detalles que importan

  • estado = el toggle clave (vendido/reservado)
  • Finca rústica: grupo de campos propio (ha, cultivo…)
  • Certificado energético: obligatorio por ley
  • Leads: tabla del plugin (no público)

Card del prototipo → item del loop en archive-inmueble.php.

A pantalla

El agente escribe el CPT y porta la card al loop

Registrar inmueble + taxonomías → cargar inmuebles semilla → ver el archive.

05

SEO local
por código + en operación

Mitad 1 · por código

SEO que se escribe en el repositorio

Schema

JSON-LD RealEstateAgent + Residence/oferta por inmueble.

Interlinking

Matriz zona × operación enlazada entre sí + hacia captación.

Performance

Imágenes, lazy, Core Web Vitals. Clásico + vanilla = ligero.

NAP canónico desde una única fuente (página de opciones) → footer, contacto y schema siempre coherentes.
Mitad 2 · en operación — el clímax

El agente lee datos y genera la landing

  1. El agente consulta Search Console / keywords vía Easy MCP AI
  2. Detecta la demanda real por zona y por tipo
  3. Genera una landing programática (zona × operación) con su contenido e interlinking
  4. Queda publicada y medible
Esto es "más allá del diseño": el agente no maqueta — opera con datos para tomar una decisión de SEO.

A pantalla

Datos → landing programática, en directo

De keywords/GSC a una página nueva publicada, sin tocar el diseño base.

06

Contraste de capas
JetEngine MCP (+ Woo)

El mismo inmueble, otra capa

JetEngine MCP

  • Modela el mismo CPT desde UI + Query Builder
  • Se opera por su MCP nativo (Command Center)
  • Tradeoff: modelo en BD → versionar el JSON

WooCommerce MCP (beta)

  • Operaciones de tienda por MCP
  • Teaser ecommerce (caso real: Brava)
  • Developer preview — con cautela
Caveat: verificar las abilities reales de cada MCP antes de apoyarse en él en producción.
07

Cierre
tu propio sistema

El siguiente nivel

Crea tus skills y agentes por fase

Diseño

Agente que conoce tus tokens y tu sistema de componentes.

Datos

Agente que conoce tu doctrina de plugin/CPT.

SEO / QA

Agentes que auditan, verifican y reportan.

El conocimiento portable (skills) + agentes especializados = tu ventaja repetible.
Próximamente

2º taller — colaborativo

  • Themes y builders: Elementor, Divi, Bricks
  • Novamira Pro: builders, memoria de proyecto
  • ¿Transformar una web de builder en web a código?
  • Proyectos ya iniciados (no solo greenfield)
Gracias

A construir.

localwp.com WordPress/agent-skills use-novamira/novamira easymcpai.com Abilities API · Core 6.9

Preguntas y debate.

Atajos

Space
Siguiente / fragmento
Anterior
Home End
Primera / última
Enter
Ir a slide
n
Notas de ponente
f
Pantalla completa
?
Esta ayuda