WordPress Semanal

465 | Plan en 8 pasos para reemplazar Elementor (sin perder calidad)

Listen Later

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. Elegir un tema clásico
      2. Elegir un tema de bloques
      3. Diferencias entre temas clásicos y de bloques
      4. 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).
      5. Asegúrate de que permita modificar colores y tipografías globalmente, algo clave para trabajar sin depender de constructores.
      6. Revisa que traiga plantillas prediseñadas o sea compatible con alguna herramienta que las ofrezca.
        7. 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.

                          ...more
                          View all episodesView all episodes
                          Download on the App Store
                          WordPress SemanalBy Gonzalo Navarro
                          • 4.8
                          • 4.8
                          • 4.8
                          • 4.8
                          • 4.8

                          4.8

                          8 ratings

                          More shows like WordPress Semanal

                          View all
                          Emilcar Daily by Emilcar

                          Emilcar Daily

                          24 Listeners

                          iSenaCode Live by Sergio Navas

                          iSenaCode Live

                          85 Listeners

                          Radio Fitness Revolucionario by Marcos Vázquez

                          Radio Fitness Revolucionario

                          141 Listeners

                          Podcast de Itnig: Historias de startups by itnig

                          Podcast de Itnig: Historias de startups

                          6 Listeners

                          Potencia Pro, WordPress y cozas by Miguel Angel Terrón

                          Potencia Pro, WordPress y cozas

                          3 Listeners

                          Las Charlas de Applesfera by Applesfera

                          Las Charlas de Applesfera

                          38 Listeners

                          Negocios y WordPress by Yannick García & Elías Gómez

                          Negocios y WordPress

                          0 Listeners

                          KENSO by Quique Gonzalo & Jeroen Sangers

                          KENSO

                          30 Listeners

                          Apple Coding Daily by Julio César Fernández Muñoz

                          Apple Coding Daily

                          23 Listeners

                          Inteligencia Artificial by Pocho Costa

                          Inteligencia Artificial

                          19 Listeners

                          kaizen con Jaime Rodríguez de Santiago by Jaime Rodríguez de Santiago

                          kaizen con Jaime Rodríguez de Santiago

                          41 Listeners

                          Freelandev - Vivir del desarrollo en WordPress by Nahuai Badiola y esther solà

                          Freelandev - Vivir del desarrollo en WordPress

                          0 Listeners

                          Loop Infinito (by Applesfera) by Applesfera

                          Loop Infinito (by Applesfera)

                          57 Listeners

                          WordPress Pódcast (español) by WPpodcast Team

                          WordPress Pódcast (español)

                          1 Listeners

                          monos estocásticos by Antonio Ortiz, Matías S. Zavia

                          monos estocásticos

                          1 Listeners