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:
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
.zipcontenga los archivos en la raíz y que existastyle.csscon 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.
Siguiente misión recomendada
Si has guardado la evidencia de esta lección, continúa con «Una web en minutos». Si no, repite la comprobación antes de avanzar.