En el episodio anterior hablamos de cómo pensar y diseñar una web épica con IA.
Hoy damos el siguiente paso: convertir ese diseño en una web real, funcional y personalizada.
En este episodio muestro cómo desarrollo un plugin y un tema WordPress a medida, usando inteligencia artificial como copiloto técnico y creativo.
No es teoría.
Es pantalla real, código real y resultado real.
🔹 Separar información y diseño: la clave del desarrollo
El enfoque del proyecto es claro:
- Plugin → contiene toda la información y la lógica del proyecto
- Tema → se encarga únicamente del diseño y la experiencia visual
Esta separación permite:
- mantener el sistema ordenado
- escalar fácilmente
- cambiar el diseño sin romper la lógica
Es una forma mucho más profesional de trabajar con WordPress.
🔹 Del diseño de Stitch al código
Partimos de un diseño generado con Google Stitch, que nos da una base visual clara:
- estructura
- ritmo de scroll
- bloques narrativos
- animaciones conceptuales
Ese diseño se exporta como código y se utiliza como guía para el desarrollo real.
La IA no “publica la web”, pero acelera brutalmente el proceso creativo y técnico.
🔹 Ordenar la información antes de programar
Antes de escribir una sola línea de código, se recopila y organiza toda la información:
- biografía
- estadísticas
- etapas
- datos históricos
- narrativa
Sin información clara, no existe una web atractiva.
Para esto se utiliza IA (Claude) como apoyo para:
- estructurar contenido
- ordenar datos
- definir secciones
- crear una narrativa coherente
🔹 Desarrollo desde la terminal (mi forma de trabajar)
En el episodio muestro cómo trabajo directamente desde la terminal, creando:
- una carpeta base del proyecto
- un plugin personalizado
- un tema WordPress a medida
La IA recibe:
- el diseño
- la información
- el objetivo de la web
Y a partir de eso genera:
- especificaciones técnicas
- estructura del plugin
- estructura del tema
- código inicial funcional
El tiempo real de trabajo de la IA fue de varios minutos por cada parte, no segundos mágicos.
🔹 Desarrollo local con Local WP
Todo el proyecto se monta en entorno local usando Local WP, lo que permite:
- desarrollar sin riesgos
- probar cambios rápido
- cargar y descargar plugins y temas
- iterar sin afectar producción
Es una forma muy eficiente de trabajar proyectos a medida.
🔹 El resultado: una web narrativa y dinámica
El resultado final es una web que:
- avanza con el scroll
- muestra datos dinámicos
- cuenta una historia
- utiliza movimiento en lugar de saturar con imágenes
Antes, este tipo de webs:
- llevaban semanas de trabajo
- requerían equipos grandes
- tenían costos muy altos
Hoy, gracias a la IA, son mucho más accesibles.
🔹 La reflexión clave del episodio
La IA no reemplaza al desarrollador.
Lo potencia.
Hoy podemos:
- crear webs muy específicas
- personalizar al máximo
- reducir tiempos
- experimentar más
Y, sobre todo, pensar webs que se sientan del rubro que representan.
🔜 Próximo episodio
En el siguiente episodio:
👉 vamos a publicar la web en un link real, mejorar detalles como el scroll y mostrar cómo iterar directamente hablando con la IA.
Si querés una web realmente a medida, sin depender de plantillas genéricas,
podemos trabajarlo juntos 👉 margarit.co
🎥 Episodio completo en YouTube
#wordpress #inteligenciaartificial #desarrolloweb #pluginwordpress #webpersonalizada #stitch #claude #ux #ui
Deja una respuesta