¿Te gustaría crear plugins de WordPress usando IA? 

En esta guía te vamos a explicar cómo configurar Claude Code y WordPress Studio para crear plugins totalmente funcionales con prompts de texto.

Claude Code es el asistente de programación con IA de Anthropic. WordPress Studio es un entorno local de WordPress gratuito. Juntos, te permiten pasar de idea a plugin funcional en cuestión de minutos, sin necesidad de ser experto en programación.

Este tutorial repasa la configuración completa y te enseña a crear tu primer plugin.

1. Instala Claude Code

Ve a la web de Claude Code y regístrate: puedes elegir cualquiera de los planes de pago que hay disponibles. 

Ejecuta el instalador nativo desde la página de configuración y sigue las instrucciones en pantalla para completar la instalación.

Tarda uno o dos minutos en instalarse. Una vez haya terminado, Claude Code estará listo para usar.

Captura de pantalla que muestra la instalación de Claude Code.

2. Instala WordPress Studio

Descarga WordPress Studio: es completamente gratuito y funciona tanto en Mac como en Windows.

Instálalo y crea un nuevo sitio. Puedes ponerle el nombre que quieras; por ejemplo, «Mi web de WordPress».

Captura de pantalla de la web de WordPress Studio.

Como Studio se ejecuta de forma local, todo lo que crees con él permanece de forma segura en tu ordenador, así que puedes experimentar con plugins generados con IA sin poner en riesgo una web activa.

3. Inicia Claude Code

Usando la opción Abrir en… de la pestaña General de Studio, haz clic en Terminal. Esto abrirá una ventana del terminal en la ubicación de los archivos de tu proyecto.

Captura de pantalla de la pantalla General de WordPress Studio.

Después, escribe claude. Si es la primera vez, se te pedirá que inicies sesión en tu cuenta de Claude y que confirmes que confías en los archivos de esta carpeta.

Pulsa la tecla Intro en tu teclado para confiar en la carpeta, y aparecerá un mensaje de bienvenida.

Captura de pantalla del mensaje de bienvenida de Claude Code.

5. Crea tu primer plugin

En el terminal de Claude, describe lo que quieres hacer. Dale algo de contexto sobre dónde te encuentras y qué necesitas. Por ejemplo:

«Estamos en la raíz de la carpeta de un sitio de WordPress. Quiero un plugin sencillo que haga que aparezca el mensaje «Hola, [Tu nombre]» en el panel de administración del sitio».

Captura de pantalla de un prompt indicando a Claude Code que cree un plugin.

Claude te hará algunas preguntas, creará una carpeta para el plugin y generará el archivo completo del plugin con la estructura de WordPress adecuada.

Captura de pantalla del mensaje de confirmación de creación de un plugin con Claude Code.

6. Actívalo y pruébalo

Vuelve a WordPress Studio y abre el administrador de WordPress. Ve a Plugins, busca tu nuevo plugin y actívalo.

Captura de pantalla de la página de Plugins en el administrador de WordPress.

Si el plugin funciona correctamente, tu mensaje personalizado aparecerá en la parte superior del área de administración; en nuestro caso, «Hello Nick» aparece en forma de aviso de administración. 

Si no has cambiado el nombre, es posible que aparezca «Hola, admin». Solo tienes que ir a tu lista de usuarios y cambiar el nombre de tu usuario predeterminado.

Captura de pantalla que muestra el resultado del plugin creado con Claude Code.

Este es el plugin más sencillo posible, pero sirve como muestra de lo rápido que puedes crear algo con Claude y WordPress.

7. Sigue creando

A partir de aquí, puedes añadir más funcionalidades. 

Vuelve al terminal en tu editor y pídele a Claude que añada nuevas funcionalidades, como páginas de ajustes, bloques personalizados o cualquier otra cosa que necesites.

Como con cualquier herramienta de IA, experimentar con las instrucciones que le das a Claude te ayudará a conseguir mejores resultados:

  • Dale a Claude contexto sobre dónde te encuentras en la estructura de archivos.
  • Sé específico sobre lo que quieres que haga la funcionalidad.
  • Divide las funcionalidades complejas en pasos más pequeños.
  • Pídele a Claude que te explique el código que ha generado si algo no tiene sentido.

Un consejo más: Telex, una alternativa para bloques de WordPress

Telex es otra herramienta única que te ayuda a generar bloques de WordPress con IA, y es completamente gratuita.

Solo tienes que describir el bloque de WordPress que quieres y Telex lo creará y generará una vista previa interactiva en WordPress Playground.

Captura de pantalla de Telex, el generador de bloques de WordPress con IA.

Prueba tu bloque, refínalo con más instrucciones a la IA, descárgalo en forma de plugin e instálalo en tu web de WordPress.

Captura de pantalla de un bloque de tabla de precios creado con Telex.

Ya lo sabes todo para crear con IA

Ahora ya tienes un proceso para crear plugins para tu sitio de WordPress con IA.

  • Describe el plugin que quieres crear y observa cómo Claude genera código funcional dentro de tu sitio de WordPress Studio.
  • Experimenta con Telex para crear bloques de WordPress completos.
  • Sigue experimentando y probando cosas nuevas.

Empieza por algo sencillo y aborda proyectos más complejos cuando te hayas familiarizado con el proceso.

Y si creas algo interesante, no dudes en compartirlo con nosotros en los comentarios: nos encantaría ver lo que haces.