En 2012, diseñar un blog significaba dibujar desde cero en Photoshop y convertir el PSD en un archivo de tema. En 2026 el flujo de trabajo ha cambiado por completo: editor de bloques, kits de Figma y temas con IA.
Artículo original (2012):
¿Queréis tener un diseño de blog propio? En realidad conseguir un diseño propio es muy fácil — solo necesitáis un poco de Photoshop y un poco de imaginación.
En el vídeo de abajo hice el diseño de un blog con el que me topé anteriormente. En realidad no quedó igual: yo también jugué un poco con él — al final, para mi gusto, quedó bonito. Para hacer un diseño de WordPress no hace falta ningún plugin ni nada parecido. Photoshop ya lo contiene todo. Incluso los iconos de redes sociales, si tenéis tiempo, podéis hacerlos vosotros.
El diseño que hice es un mini diseño de blog personal. El archivo PSD de este diseño y su formato PNG también los compartí al final del artículo.
Flujo de trabajo 2026 — De Photoshop a Figma + Block Editor
El flujo típico en 2026 para diseñar un blog personal de WordPress:
- Moodboard: 10-15 referencias de Pinterest + Dribbble.
- Wireframe: layout aproximado en Figma. Mobile-first.
- Diseño de alta fidelidad: colores, tipografía y microinteracciones en Figma.
- Elección del tema: Kadence, Astra, GeneratePress, Blocksy — compatibles con el Block Editor (FSE), con prioridad en el rendimiento.
- Personalización: edita bloque a bloque con el Site Editor (FSE). Escribir código ya NO es obligatorio.
- Optimización del rendimiento: WP Rocket, Cloudflare, conversión a imágenes de nueva generación.
2012 vs 2026 — Tabla comparativa
| Paso | 2012 | 2026 |
|---|---|---|
| Diseño | PSD de Photoshop | Figma |
| HTML/CSS | Codificado a mano | Block Editor (FSE) + CSS personalizado |
| Tema | PSD→tema desde cero | Astra/Kadence + child theme |
| Iconos | Dibujo a mano en PS | Lucide / Heroicons / Phosphor |
| Móvil | Se añade después | Mobile-first obligatorio |
| Velocidad | 3-5 s de carga era normal | <1 s de LCP, Core Web Vitals |
Pila de tema/plugins recomendada (2026)
- Tema: Kadence (la versión gratuita basta) o GeneratePress.
- Editor de páginas: el Block Editor (Gutenberg) integrado. Elementor / Bricks opcionales.
- SEO: Rank Math (gratuito) o SEOPress.
- Rendimiento: WP Rocket + Cloudflare.
- Imágenes: conversión a WebP/AVIF con ShortPixel o Imagify.
