248. Elementor Editor V4: ¿revolución o humo? + WordPress sin hosting

✏️ Suscribirse https://youtube.com/live/giO7NebCWVI Título (SEO): Elementor V4 vs Bricks: novedades, problemas reales y el futuro de WordPress con IA Meta descripción: Análisis real de Elementor V4, Bricks, Make y WordPress Playground. Novedades, problemas y cómo afecta la IA al desarrollo web. Elementor V4, Bricks y WordPress con IA: lo que está cambiando (de verdad) Elementor V4, Bricks, WordPress Playground y herramientas como Make o Claude están redefiniendo cómo creamos webs hoy. Pero no todo es avance: también hay fricciones, decisiones a medias y cambios que afectan directamente al flujo de trabajo real. Este episodio no va de hype. Va de qué está pasando de verdad y cómo te impacta si trabajas con WordPress. Elementor V4: avance técnico… pero aún sin workflow real El nuevo Elementor Editor V4 introduce conceptos clave como: VariablesClases reutilizablesWidgets “atómicos”Nuevo panel de estilos unificado Sobre el papel, suena muy bien. En la práctica, hay varios problemas importantes. Variables en Elementor: buena idea, ejecución limitada Ahora puedes crear variables de: ColorTipografía (fuente)Tamaño Pero aquí empieza el problema: No puedes crear variables para todo (ej: sombras, efectos)No se integran bien en todos los contextosNo son realmente flexibles como en otros builders Ejemplo claro: si quieres hacer una variación de color con color-mix, Elementor no lo interpreta como color válido. Resultado: no puedes reutilizarlo correctamente. 👉 Es decir: la idea es buena, pero está a medias. Clases en Elementor: sin control real del orden Otro punto crítico es el sistema de clases. Puedes crear clases reutilizables… pero: No puedes controlar el orden de aplicaciónNo puedes reorganizarlas fácilmenteNo sabes con claridad qué prioridad tienen Esto rompe uno de los pilares del desarrollo moderno: controlar el CSS de forma predecible. Widgets atómicos: el mayor cuello de botella Aquí está el mayor problema ahora mismo. Todo el sistema nuevo (clases, variables, etc.) solo funciona en ciertos widgets “atómicos”. Eso significa que: Muchos widgets siguen con el sistema antiguoNo puedes aplicar el nuevo flujo a toda la webEstás obligado a trabajar “a medias” Ejemplo: Encabezado normal → sistema antiguoEncabezado atómico → sistema nuevo Esto genera un escenario bastante incómodo: 👉 No puedes usar Elementor V4 como base sólida todavía Lo que sí está bien hecho No todo es negativo. Hay mejoras claras: Mejor organización del panel (contenido / estilo / interacciones)Mejor limpieza del DOM en widgets nuevosBase técnica más moderna Pero ahora mismo, el problema no es técnico. Es de producto: 👉 No hay un flujo completo usable en producción real Bricks: roadmap sólido y visión clara Mientras Elementor está en transición, Bricks sigue avanzando con bastante coherencia. Se han presentado varias novedades importantes en su roadmap: IA integrada en el builder Generación de layoutsAsistencia dentro del editorPosible integración con MCP (Model Context Protocol) Esto apunta a algo interesante: 👉 Diseñar desde IA y renderizar directamente en Bricks WooCommerce más personalizable Checkout multipasoMás control sobre componentesMejor integración visual Importación avanzada (HTML, clases, variables) Una de las ventajas actuales: Puedes importar variables directamentePuedes importar clases CSSPuedes pegar HTML y convertirlo en layout Esto acelera muchísimo ciertos flujos: 👉 especialmente cuando vienes de código o IA Edición colaborativa y control de cambios Modo colaborativo en tiempo realPosibilidad de guardar sin publicar Esto acerca Bricks a workflows más profesionales (tipo Figma o Git-like). WordPress Playground y My WordPress: WordPress sin hosting Otro bloque interesante del episodio es la evolución de WordPress Playground. Y su nueva capa: My WordPress. Qué es WordPress Playground WordPress funcionando en el navegadorSin hostingBasado en SQLiteArranca en segundos Qué añade My WordPress Entorno persistenteApps preconfiguradas (RSS, diario, etc.)Uso personal/local Casos de uso reales: Formación rápidaTesting sin montar entornoMini herramientas personales 👉 No sustituye a WordPress clásico, pero abre nuevas posibilidades. Make: simplificando automatizaciones complejas Make ha añadido dos módulos clave: If/ElseMerge Antes, para algo tan común como: “Si el cliente existe, úsalo; si no, créalo” Tenías que: Usar routersDuplicar lógicaGestionar múltiples ramas Ahora: Todo se resuelve en un solo bloqueMenos coste de operacionesMenos complejidad 👉 Pequeña mejora, pero impacto grande en automatizaciones reales. IA aplicada al desarrollo: Claude, Codex y workflows reales Aquí hay un cambio importante de mentalidad. Ya no es solo usar IA para tareas puntuales. Ahora hablamos de: Crear proyectos completos con agentesAutomatizar desarrollo enteroGenerar sistemas desde documentación Clave importante: la fase ...