Crear páginas web con WordPress, Claude Code y Novamira: guía práctica

Crear una página web con WordPress ya no exige hacer cada cambio a mano desde el panel, copiar fragmentos de código entre ventanas o pedirle a un asistente que trabaje a ciegas. Con Claude Code y Novamira es posible conectar un agente de programación con una instalación real de WordPress para que inspeccione su estructura, consulte datos, escriba código y pruebe cambios sobre el propio sitio. La diferencia es importante: la inteligencia artificial deja de limitarse a proponer código y puede intervenir en el entorno donde ese código tiene que funcionar.

La combinación resulta interesante para diseñadores web, desarrolladores y profesionales que mantienen sitios con temas, plugins y constructores visuales. Pero también exige más cuidado que una conversación convencional. Novamira puede conceder al agente capacidades amplias sobre WordPress, incluidos PHP, archivos y base de datos. Por eso, la forma sensata de empezar es trabajar en local o en una copia de staging, con copias de seguridad y una revisión humana antes de publicar.

Qué aporta cada pieza del conjunto

WordPress: el sistema que contiene la web

WordPress sigue siendo la base del proyecto: gestiona páginas, entradas, usuarios, medios, temas, plugins y ajustes. El agente no sustituye al CMS ni introduce una plataforma paralela. Trabaja sobre los componentes que ya utiliza la instalación y puede apoyarse en las interfaces propias de WordPress.

La versión importa. Novamira indica como requisito WordPress 6.9 o posterior y PHP 8.0 o posterior. A 30 de octubre de 2026, el archivo oficial de versiones muestra WordPress 6.9.11, publicado el 28 de octubre, y la rama 7.1 como versión principal más reciente. Antes de instalar nada conviene comprobar la versión de PHP que ofrece el hosting, la compatibilidad del tema y los plugins críticos y, sobre todo, que el entorno esté actualizado. La ficha oficial de WordPress 6.9.11 recoge las correcciones de seguridad incluidas en esa actualización.

Claude Code: un agente de programación que trabaja desde el proyecto

Claude Code es la herramienta de Anthropic orientada a programación. Se utiliza desde el terminal y puede leer el contexto de un proyecto, buscar archivos, proponer modificaciones, ejecutar comandos y trabajar de forma iterativa. No es simplemente un generador de fragmentos PHP: su utilidad está en poder recorrer una tarea completa, desde entender la estructura hasta comprobar el resultado.

Novamira: el puente entre el agente y WordPress

Novamira es un plugin de WordPress de código abierto que expone capacidades del sitio mediante el Model Context Protocol (MCP) y la WordPress Abilities API. En lugar de copiar manualmente el código generado, el agente conectado puede consultar el entorno de WordPress y realizar operaciones a través de herramientas disponibles en la instalación.

La documentación describe capacidades como ejecutar PHP dentro de WordPress, utilizar WP-CLI, consultar la base de datos y leer o modificar archivos. También contempla flujos para el editor de bloques, medios y habilidades reutilizables. Así, Claude Code puede trabajar con la estructura y el contenido reales, no con una suposición sobre cómo está construido el sitio.

Qué se puede construir con esta combinación

La utilidad aparece cuando una tarea necesita entender varias capas de WordPress: tema, bloques, campos personalizados, plugins y estilos globales. El agente puede inspeccionar esos elementos antes de proponer cambios y comprobar si la solución encaja con el sitio.

• Páginas y landing pages: crear una estructura de bloques, organizar secciones, preparar llamadas a la acción y adaptar el contenido a una plantilla existente.
• Elementor y otros constructores: trabajar con la estructura que el sitio ya utiliza, siempre que la versión de Novamira y sus especializaciones ofrezcan las capacidades correspondientes. No conviene asumir que todos los widgets o extensiones tienen una integración completa.
• Temas y temas hijo: localizar plantillas, añadir funciones, ajustar CSS y JavaScript o crear componentes reutilizables.
• Plugins propios: revisar código, añadir una opción, corregir una incompatibilidad o preparar una funcionalidad específica. Los cambios deben seguir las convenciones de WordPress y evitar editar directamente plugins de terceros.
• Contenido y estructura: consultar entradas, páginas, taxonomías y metadatos; preparar contenido o revisar relaciones entre elementos, según las herramientas habilitadas.
• Diagnóstico: investigar por qué un bloque no se muestra, qué función modifica un dato o qué plugin interviene en un comportamiento concreto.

Requisitos antes de conectar Claude Code

La documentación de Novamira establece WordPress 6.9 o posterior, PHP 8.0 o posterior y una cuenta administradora para autorizar la conexión. Para conexiones remotas se necesita HTTPS; los entornos locales tienen opciones específicas. También hace falta un cliente compatible con MCP o un agente de terminal como Claude Code, conectado mediante Novamira CLI o mediante el endpoint MCP.

Conviene revisar cuatro puntos antes de empezar:

1. Compatibilidad del hosting: confirmar versión de PHP, memoria disponible, acceso a WP-CLI cuando sea necesario y posibilidad de realizar conexiones HTTPS.
2. Estado de WordPress: actualizar el núcleo, el tema y los plugins en una ventana controlada. No se debe utilizar una instalación antigua como banco de pruebas para una herramienta con permisos amplios.
3. Entorno separado: disponer de una copia local o de staging con datos suficientes para reproducir el sitio, pero sin exponer información personal o comercial innecesaria.
4. Recuperación: contar con una copia de seguridad reciente de archivos y base de datos y saber restaurarla. Una copia que nunca se ha probado no es una garantía de recuperación.

Instalar Novamira y habilitar sus capacidades

El proceso básico comienza descargando el ZIP de la versión publicada por el proyecto. La guía oficial recomienda instalar el paquete de distribución, no el archivo de código fuente generado automáticamente por GitHub: este último puede no incluir las dependencias de Composer que necesita el servidor MCP.

1. En el panel de WordPress, abre Plugins → Añadir nuevo plugin → Subir plugin.
2. Selecciona el ZIP oficial de Novamira, instala y activa el plugin.
3. Entra en Novamira → Configuration y revisa las opciones disponibles.
4. Activa AI Abilities únicamente en la instalación de desarrollo o staging y confirma la advertencia.
5. Elige el cliente que vas a conectar y sigue el procedimiento de autenticación que muestre esa pantalla.

Las capacidades de IA están desactivadas de forma predeterminada. Al habilitarlas, el plugin puede exponer herramientas para ejecutar PHP, usar WP-CLI, consultar la base de datos y modificar archivos. Desactivar la opción corta las conexiones de Novamira, aunque conserva los archivos y ajustes del sandbox.

Conectar Claude Code mediante Novamira CLI o MCP

Hay dos rutas habituales. La primera utiliza Novamira CLI, una herramienta de línea de comandos que guía la conexión de agentes de terminal y mantiene perfiles para los sitios autorizados. La segunda configura directamente un servidor MCP HTTP en Claude Code.

Opción A: Novamira CLI

La CLI está pensada para conectar Claude Code, Codex CLI, Gemini CLI y otros agentes compatibles. La documentación oficial publica instaladores separados para macOS/Linux y Windows. En macOS o Linux, el comando indicado por Novamira es:

curl -fsSL https://raw.githubusercontent.com/use-novamira/novamira-cli/main/install.sh | sh

En Windows, la página de la CLI muestra una instrucción equivalente para PowerShell. Antes de ejecutar cualquier instalador remoto, conviene revisar que procede del repositorio oficial, comprobar el contenido cuando sea posible y entender qué cambios realiza en el equipo. Después, el asistente de instalación pregunta qué agente se utiliza y guía el alta del sitio.

Para conectar una instalación, se indica su URL y se completa la autorización desde el navegador. Si el terminal está en un servidor remoto o un contenedor sin navegador, Novamira CLI contempla un flujo mediante código de dispositivo. Solo se debe aprobar un código que se haya iniciado personalmente y que corresponda a la conexión esperada.

Opción B: conexión MCP HTTP directa

Si prefieres configurar Claude Code sin la CLI, la guía de Novamira documenta una conexión MCP HTTP. El comando de ejemplo es:

claude mcp add novamira-mi-sitio --transport http https://tu-dominio.com/wp-json/mcp/novamira-oauth

Sustituye el nombre y el dominio de ejemplo por los de tu instalación. La autorización se completa en el navegador. Para sitios locales, la documentación de Novamira indica que puede ser necesario utilizar el puente mcp-remote que aparece en la pantalla de configuración del plugin.

Un flujo de trabajo razonable para crear una página

Conectar las herramientas es solo el principio. La calidad del resultado depende de cómo se organice el trabajo. Un flujo práctico puede dividirse en seis fases.

1. Describir el proyecto antes de pedir cambios

Prepara un documento breve con el objetivo de la página, el público, la estructura prevista, el tono, las referencias visuales, los requisitos de accesibilidad y las acciones que debe realizar el visitante. Añade información técnica: tema activo, constructor, plugins relevantes, campos personalizados, estilos globales y componentes que deben mantenerse.

En un proyecto con varias páginas, ese contexto puede guardarse en un archivo CLAUDE.md dentro del proyecto. Claude Code utiliza este archivo como instrucciones persistentes de trabajo. Es un buen lugar para describir convenciones de nombres, estructura del tema hijo, comandos de pruebas, reglas de diseño y límites como «no modificar el tema padre» o «no cambiar plugins de terceros».

2. Pedir una inspección antes de construir

La primera petición debería ser de lectura y análisis, no de ejecución inmediata. Pide al agente que identifique el tema, el constructor, las plantillas, los bloques disponibles, los plugins que intervienen y los posibles conflictos. Después, solicita un plan de trabajo con los archivos y elementos que pretende modificar.

Esta fase permite corregir una interpretación equivocada antes de que se convierta en código. También evita que el agente cree una segunda solución cuando el sitio ya dispone de un bloque, un patrón o una plantilla que resuelve el problema.

3. Construir en partes pequeñas

En vez de pedir una página completa en una sola operación, divide el trabajo: estructura, cabecera, bloques principales, formularios, adaptación móvil y detalles de interacción. Revisa cada fase en el navegador. Si algo falla, el problema será más fácil de localizar y revertir.

En una landing page se puede empezar por la jerarquía de contenido y la composición de bloques; después se revisan tipografía, espaciados, contraste y comportamiento móvil. El agente ayuda a implementar, pero la dirección visual y la validación final corresponden al profesional.

4. Probar el resultado real

No basta con que el código no tenga errores de sintaxis. Hay que abrir la página y comprobar que se representa correctamente, que los enlaces funcionan, que el formulario valida los campos, que los bloques responden en móvil y que no se han alterado otras plantillas. Cuando corresponda, pide al agente que ejecute pruebas automatizadas, análisis estático o comprobaciones de los estándares de código de WordPress.

5. Revisar accesibilidad, rendimiento y SEO

Comprueba encabezados, textos alternativos, etiquetas de formulario, foco visible, contraste y navegación por teclado. Revisa imágenes, fuentes, CSS, scripts y rendimiento. En SEO, verifica título, descripción, canonical, indexabilidad y enlaces internos. Una página atractiva puede seguir teniendo problemas de accesibilidad o velocidad.

6. Publicar mediante el proceso habitual

Cuando staging esté validado, lleva los cambios a producción mediante el sistema de despliegue del proyecto: Git, exportación del constructor, sincronización controlada o el procedimiento que ya utilice el equipo. No conviertas la conexión directa del agente a producción en el método normal de publicación. Mantén un registro de cambios y una forma de volver a la versión anterior.

El punto crítico: permisos y seguridad

Novamira es potente precisamente porque puede ofrecer acceso profundo al sitio. Su documentación de seguridad es explícita: con las capacidades activadas y un administrador autenticado, el agente puede ejecutar PHP con acceso al entorno de WordPress, a $wpdb, a los plugins cargados y al runtime de PHP. También puede leer archivos y modificar o eliminar archivos dentro de los límites descritos por el plugin.

Hay un matiz importante sobre el sandbox. Novamira confina determinadas escrituras de archivos PHP a wp-content/novamira-sandbox/, y puede detectar errores fatales de los archivos de ese directorio y activar un modo seguro. Sin embargo, su propia documentación aclara que el sandbox no es una frontera de seguridad: la ejecución de PHP puede acceder a otras rutas mediante funciones nativas y no queda limitada por ese directorio. Tampoco existe una reversión automática de todos los cambios realizados.

Por eso, la recomendación oficial es utilizar Novamira en desarrollo o staging y mantener copias de seguridad. Es un complemento a las medidas explicadas en la guía de seguridad de WordPress en 2026, no un sustituto. No es una advertencia decorativa. Un error en una función PHP, una consulta mal planteada o una modificación de archivos puede afectar al funcionamiento de toda la instalación.

Algunas medidas concretas ayudan a reducir el riesgo:

• Usar una instalación de staging aislada de producción y con datos anonimizados cuando sea posible.
• Crear una copia de seguridad de archivos y base de datos antes de cada bloque de cambios.
• Conceder acceso solo a la cuenta administradora necesaria y revocar conexiones que ya no se utilicen.
• Activar únicamente las capacidades que requiere la tarea y desactivarlas al terminar.
• Revisar los cambios de PHP, SQL, archivos y ajustes antes de aceptarlos.
• No pegar claves API, contraseñas, datos de clientes ni información confidencial en instrucciones o archivos de contexto.
• Mantener el código propio en un repositorio y utilizar un proceso de despliegue revisable.

La opción Read Mode de Novamira Pro puede limitar las herramientas ofrecidas a operaciones de lectura para determinadas sesiones de inspección. Pero Novamira aclara que Read Mode no es una función de seguridad general: no impide que un administrador o que otras herramientas disponibles en el cliente realicen cambios por otras vías. No debe confundirse con un entorno aislado ni con una cuenta de privilegios reducidos.

¿Hace falta Novamira Pro?

No necesariamente. Novamira ofrece una versión gratuita y de código abierto con las capacidades esenciales de conexión, ejecución de PHP, archivos y base de datos. La versión Pro añade especializaciones para constructores y plugins, memoria entre sesiones y otras capacidades de contenido. En su página de precios, consultada el 30 de octubre de 2026, Novamira publica un plan Personal de 49 euros al año para tres sitios, un plan Agency de 149 euros al año y una modalidad Agency Lifetime de 299 euros. Son precios publicados por el proveedor y pueden cambiar.

Pro puede tener sentido cuando el trabajo se repite en varios proyectos o cuando se necesita una integración más profunda con herramientas como Elementor, Bricks, ACF, GeneratePress o GenerateBlocks. Antes de pagar, comprueba que la especialización concreta cubre la versión y las funciones que utilizas. No es necesario adquirir Pro para probar el concepto ni para conectar Claude Code con una instalación compatible.

También hay que separar el coste del plugin del coste del agente. Novamira indica que no cobra por acción, página o uso de las capacidades; el coste de Claude Code depende del plan o modalidad de Anthropic que se utilice. Por tanto, el coste total no se puede deducir únicamente del precio de Novamira.

Limitaciones que conviene tener presentes

Las especializaciones reducen parte del trabajo de interpretación, pero no sustituyen la documentación del proyecto ni las pruebas. En una tienda WooCommerce, por ejemplo, hay que comprobar impuestos, envíos, pagos, correos, estados de pedido y compatibilidad de extensiones. Una landing page sencilla y un checkout no tienen el mismo nivel de riesgo.

Otra limitación es la dependencia de versiones. WordPress, PHP, Claude Code, Novamira y los constructores evolucionan por separado. Una guía de conexión puede quedar desactualizada, una capacidad puede cambiar de nombre o una actualización puede modificar el comportamiento de una API. Conviene revisar la documentación oficial antes de repetir instrucciones antiguas.

Por último, el agente puede ejecutar pruebas y describir lo que ha hecho, pero no debe ser el único responsable de certificar su propio trabajo. La revisión independiente, las pruebas en navegador y la aceptación del cliente siguen siendo necesarias.

¿Para quién tiene sentido este flujo?

La combinación encaja con profesionales que ya conocen WordPress y quieren reducir tareas repetitivas de desarrollo, mantenimiento o prototipado. Un diseñador puede explorar una estructura, preparar una página o ajustar CSS; un desarrollador puede investigar errores, escribir funciones o crear un plugin pequeño con un ciclo de prueba más rápido.

En un estudio pequeño, el mayor beneficio no tiene por qué ser producir páginas sin intervención. Puede ser acortar el tiempo dedicado a investigar una instalación, preparar un prototipo verificable o mantener código propio con mayor orden. La dirección visual, la arquitectura de información, la experiencia de usuario y la relación con el cliente siguen necesitando criterio profesional.

Conclusión: un asistente con acceso real, no un constructor automático

WordPress, Claude Code y Novamira forman un flujo de trabajo en el que un agente puede comprender y modificar una instalación real, en lugar de limitarse a entregar código para copiar. La conexión MCP permite crear páginas, mantener temas y plugins, consultar datos y depurar problemas con menos pasos manuales.

La contrapartida es el nivel de acceso. La combinación debe tratarse como una herramienta de desarrollo con privilegios elevados: staging, copias verificadas, cambios pequeños, revisión del código y despliegue controlado. No conviene activarla en producción para experimentar ni asumir que un sandbox o una instrucción escrita bastan para evitar errores.

Si trabajas con WordPress, el mejor punto de partida es una tarea concreta y reversible: analizar una plantilla, crear una sección en staging o corregir un componente de un tema hijo. Cuando el flujo sea fiable, podrás ampliarlo a proyectos más complejos. En diseño web profesional, la IA puede acelerar la ejecución; la calidad del resultado sigue dependiendo de una buena planificación, una dirección visual clara y una validación rigurosa.

Preguntas frecuentes

¿Claude Code puede crear una página directamente en WordPress?

Sí, cuando está conectado a WordPress mediante un servidor MCP o Novamira CLI y dispone de las capacidades necesarias. Puede crear o modificar elementos según las herramientas habilitadas, pero conviene hacerlo en staging y revisar el resultado antes de publicarlo.

¿Novamira es gratuito?

La versión principal de Novamira es gratuita y de código abierto. Existe una versión Pro de pago que añade especializaciones, memoria y funciones adicionales. El uso de Claude Code puede tener un coste independiente.

¿Necesito saber programar?

No hace falta escribir todo el código manualmente, pero sí es importante comprender los fundamentos de WordPress y saber revisar el trabajo. Cuanto más acceso se concede al agente, más importante es poder evaluar sus cambios y recuperar el sitio si algo sale mal.

¿Es seguro conectar Novamira a una web en producción?

La recomendación oficial de Novamira es utilizar las capacidades de IA en entornos de desarrollo o staging con copias de seguridad. El plugin puede ejecutar PHP y modificar archivos y datos con permisos de administrador; por eso, no es aconsejable habilitar esas capacidades en producción para realizar cambios de construcción.

Si estás planteando una web profesional o necesitas mejorar una instalación WordPress existente, en Joan Alonso Design puedes conocer los servicios de diseño gráfico y desarrollo web. La IA puede formar parte del proceso, siempre con una arquitectura clara y revisión profesional.