Inicio/Volumen II/Tema de WordPress

🎨 Crea un tema de WordPress con IA

Un tema (el diseño y la estructura visual) para WordPress, hecho a tu medida con ayuda de Claude Code. Ideal si tienes o quieres una web con WordPress y no quieres pagar una plantilla ni depender de una agencia.

🎯 Objetivos de aprendizaje
  • Qué es un tema de WordPress y qué tipos hay en 2026.
  • Crear un tema de bloques (el estándar actual) con Claude Code.
  • Instalarlo y probarlo en un WordPress local.

Conceptos clave

🧠 En cristiano: tema (theme). El tema es “la ropa” de tu web: colores, tipografías, disposición de la portada, cabecera, pie... El contenido (tus textos y fotos) es independiente; cambiar de tema es como cambiarle el vestido a la web sin tocar lo que dice.
💡 Idea clave. En 2026 el estándar recomendado son los temas de bloques (Full Site Editing): permiten editar toda la web visualmente, cargan rápido y son fáciles de mantener sin saber programar. Los temas “clásicos” en PHP siguen funcionando, pero para uno nuevo, empieza con bloques.
Requisitos
Claude Code y un WordPress donde probar. Lo más cómodo es un WordPress local: aplicaciones gratuitas como Local (o Studio, de Automattic) instalan un WordPress en tu ordenador en un par de clics. Claude Code puede guiarte en la instalación.

Paso a paso

Crea la carpeta del tema y arranca Claude Code:

⌨️ Terminal
cd ~/proyectos-ia
mkdir tema-wordpress
cd tema-wordpress
claude
💬Escribe esto a Claude Code
Crea un tema de bloques (Full Site Editing) para WordPress: - Nombre del tema y un estilo limpio y moderno. - Plantillas para portada, entradas y página. - Colores y tipografías definidos en theme.json. - Cabecera con menú y pie con avisos legales. - Explícame en el README cómo instalarlo en WordPress y cómo cambiar colores y tipografías.
🧠 En cristiano: theme.json. Es el “panel de control” del tema: un único archivo donde se definen colores, tipografías y espaciados. Cambiar el aspecto de toda la web es tan fácil como editar ahí unos valores (o pedírselo a Claude Code).

Instalar y probar

El README te dirá cómo, pero en esencia: comprime la carpeta del tema en un .zip y súbelo en tu WordPress, en Apariencia → Temas → Añadir nuevo → Subir. Actívalo.

✅ Comprueba que funciona. Tras activarlo, tu web debería mostrar el nuevo diseño. Entra en el editor visual (Apariencia → Editor) y comprueba que puedes cambiar textos y colores con el ratón.
💾 Guardar y reabrir el proyecto.
Proyecto: carpeta tema-wordpress (el código del tema). Guárdala con Git como cualquier proyecto. Para instalar una versión nueva en WordPress, vuelve a exportar el .zip y súbelo. Tu contenido de WordPress no se pierde al cambiar de tema.

Si algo falla

  • El tema no aparece al subirlo — revisa que el .zip contenga los archivos en la raíz y que exista style.css con la cabecera del tema.
  • Se ve roto — pega el error o una captura a Claude Code; suele ser una plantilla mal referenciada.
  • No puedo editar visualmente — confirma que es un tema de bloques y que tu WordPress está actualizado.

Reto para practicar

Pide a Claude Code una variación del tema en modo oscuro y un patrón de sección reutilizable (por ejemplo, un bloque de “testimonios”) que puedas insertar en cualquier página.

← Un avatar que hablaUna web en minutos →