Show notes
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).
data-scroll= "" data-offset= "30" style="" > Tabla de contenidos
- 1. Familiarízate con el editor de bloques y su ecosistema
- 2. Usa un buen tema compatible con el editor de bloques
- 3. Extiende el editor con bloques avanzados
- 4. Crea diseños con patrones y estilos globales
- 5. Optimiza la experiencia con herramientas extra
- 6. Define un nuevo flujo de trabajo
- 7. Practica con un proyecto real
- 8. Adapta tu mentalidad
- Plugin de la semana: WP Mail Logging
- Contenidos 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.