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.