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. 1. Familiarízate con el editor de bloques y su ecosistema
2. 2. Usa un buen tema compatible con el editor de bloques
3. 3. Extiende el editor con bloques avanzados
4. 4. Crea diseños con patrones y estilos globales
5. 5. Optimiza la experiencia con herramientas extra
6. 6. Define un nuevo flujo de trabajo
7. 7. Practica con un proyecto real
8. 8. Adapta tu mentalidad
9. Plugin de la semana: WP Mail Logging
10. 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:
  
  1. 
     
  2. Elegir un tema clásico
     
     
  3. 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.