ZARZA Somos ZARZA, la firma de prestigio que esta detras de los grandes proyectos en tecnología de la información.
Escuchar "465 | Plan en 8 pasos para reemplazar Elementor (sin perder calidad)"
Síntesis del Episodio
Escúchalo en:
En el episodio 465 de WordPress Semanal te marco un plan de 8 pasos para reemplazar Elementor y hacer tus próximas webs con el editor nativo de WordPress (manteniendo la calidad en tus diseños).
Tabla de contenidos
1. Familiarízate con el editor de bloques y su ecosistema2. Usa un buen tema compatible con el editor de bloques3. Extiende el editor con bloques avanzados4. Crea diseños con patrones y estilos globales5. Optimiza la experiencia con herramientas extra6. Define un nuevo flujo de trabajo7. Practica con un proyecto real8. Adapta tu mentalidadPlugin de la semana: WP Mail LoggingContenidos recomendados
1. Familiarízate con el editor de bloques y su ecosistema
Aunque lo conozcas, explora más a fondo su potencial nativo, incluyendo grupos, columnas, anchos totales y espaciados.
Aprende a usar patrones y estilos globales, que te permitirán ahorrar tiempo y mejorar la consistencia.
2. Usa un buen tema compatible con el editor de bloques
Aquí tienes 2 caminos:
Elegir un tema clásico
Elegir un tema de bloques
Diferencias entre temas clásicos y de bloques
En cualquier caso, elige uno que aproveche el editor nativo, como Astra, GeneratePress, Kadence (clásicos); Spectra One, Twenty Twenty-Four o Twenty Twenty-Five (de bloques).
Asegúrate de que permita modificar colores y tipografías globalmente, algo clave para trabajar sin depender de constructores.
Revisa que traiga plantillas prediseñadas o sea compatible con alguna herramienta que las ofrezca.
3. Extiende el editor con bloques avanzados
Usa plugins de bloques avanzados para reemplazar las funcionalidades de Elementor:
Spectra (de los creadores de Astra) → tiene contenedores flexibles y widgets como acordeones o testimonios.
Kadence Blocks → agrega más flexibilidad con un sistema de diseño responsive y opciones avanzadas.
Genesis Blocks → para más estilos prediseñados.
4. Crea diseños con patrones y estilos globales
En vez de diseñar cada página desde cero, usa patrones de bloques y estilos de tema.
Crea tus propios patrones reutilizables o usa la librería oficial de WordPress.
Aprovecha los estilos globales del editor de sitio (si el tema lo soporta) para definir tipografías, colores y espaciados.
5. Optimiza la experiencia con herramientas extra
Para formularios sin Elementor: cualquier plugin de formularios.
Para tablas avanzadas: Gutenberg Tables o WP Table Builder.
Para efectos y animaciones: CSS personalizado o plugins como EditorsKit.
Para mostrar elementos condicionalmente: Block Visibility.
6. Define un nuevo flujo de trabajo
En Elementor es común arrastrar y soltar, en Gutenberg el enfoque es más estructurado.
Trabaja con patrones y secciones predefinidas, y ajusta márgenes y rellenos con los controles del editor de bloques.
Evita el exceso de plugins. Gutenberg ya permite hacer muchas cosas sin necesidad de herramientas adicionales.
7. Practica con un proyecto real
Diseña una web de prueba aplicando esta nueva metodología.
Compara el rendimiento con una web hecha con Elementor; verás mejoras en velocidad y limpieza del código.
8. Adapta tu mentalidad
La clave está en planificar bien el diseño antes de implementarlo.
Elementor da mucha flexibilidad visual inmediata, pero el editor de bloques nativo tiene ventajas en rendimiento, mantenimiento y compatibilidad.
Plugin de la semana: WP Mail Logging
WP Mail Logging es un plugin que permite registrar y revisar todos los correos electrónicos enviados desde tu sitio WordPress. Es ideal para solucionar problemas de entrega y asegurarte de que los emails importantes llegan a sus destinatarios.
Contenidos recomendados
Vídeo de la Zona Código: permitir descargar entradas del blog en PDF
Curso de Astra
Curso de Kadence
Curso de GeneratePress
Curso de Spectra One
Curso de Spectra
Curso de Elementor
Curso de Elementor Pro
Curso de Full Site Editing
Curso del editor de bloques (Gutenberg)
Arreglar envíos de correos en WordPress (SMPT)
Newsletter de WordPress Semanal
La entrada 465 | Plan en 8 pasos para reemplazar Elementor (sin perder calidad) es una artículo de Gonzalo Navarro.