Migración Elementor a Gutenberg

Desde hace bastante tiempo, muchos clientes me vienen pidiendo una migración del maquetador visual tan conocido como Elementor al nuevo editor de bloques de WordPress (Gutenberg).

WordPress 5.0 salió el 6 de Diciembre de 2018 y con ello toda una revolución. Cuando salen funcionalidades nuevas siempre existen muchas críticas y más como en este caso que llevamos acostumbrados al mismo editor durante muchos años.

¿Por qué migrar de Elementor a Gutenberg?

Voy a intentar no voy a dar mi opinión personal ya que no me gusta nada Elementor. Entiendo que Elementor tenga su público y todas esas cosas, así que voy a intentar dar opinión como profesional.

Rendimiento (Perfomance)

De lo que suelo hablar siempre, de WPO. Pues vamos a decir que siempre un plugin externo que hace muchas peticiones siempre va a ser más lento. Que si, que hay maneras de optimizar Elementor, pero ya tienes que hacer ese extra para hacerlo, y ni todo el mundo puede, ni quiere ni tiene los conocimientos.

Y claro, si el WPO es más bajo, eso perjudica mucho al posicionamiento (SEO).

Escabilidad

Soy una maniática de la escabilidad. Lo reconozco, no lo niego, tengo una enfermedad, pero me preocupa mucho cuando los clientes invierten dinero en mis servicios y al cabo de X no les sirva lo que les he desarrollado. La escabilidad si usas Elementor siempre es menor. Por eso es importante saber en qué te quieres convertir. Aquí puedes ser ambicioso, yo lo hago mucho, y es muy guay perseguir esa meta 😉.

Funciones nativas

No te voy a inventar nada nuevo cuando te digo que siempre que utilices algo nativo siempre será mejor. Siempre que las funcionalidades las tengamos de forma nativa mucho mejor.

Estándares de desarrollo

El editor de bloques tiene especial cuidado en seguir los estándares de desarrollo de software. En este caso, Elementor deja mucho que desear cuando para mostrar cualquier elemento de HTML hace falta 40 divs. Los estándares de desarrollo defienden mucho que escribamos un HTML semántico, y 40 divs para mostrar un H1 es todo menos semántico, vamos a hablar claro.

Foto por Pexels: https://www.pexels.com/es-es/foto/internet-tecnologia-ordenador-texto-4164418/

Open source

Bueno, aunque los dos sean GPL, a Elementor le costó bastante serlo y en mi opinión fue más por la presión recibida a que cumplieran las normas. Si no lo sabes, todo el ecosistema de WordPress tiene la obligación de disponer de la licencia GPL. La versión gratuita de Elementor si que era GPL porque es uno de los requisitos indispensables para aparecer en el repositorio de WordPress, pero la versión les costó y no les tengo mucha estima desde entonces, no vamos a engañarnos.

Dependencias

Muchas veces, no solo plugins, también temas nos crean dependencias que hace que nos quedemos dependientes de ese plugins/tema porque cambiar a otro es hacer prácticamente un proyecto nuevo.

Esto pasa mucho con los temas de themeforest: al desarrollar las funcionalidades en el tema en vez de con plugins, crean muchos custom post types en el tema y cuando los usuarios quieren cambiar de tema, tienen que migrar todo el contenido de nuevo, y casi siempre lo tienen que hacer a mano, porque es un trabajo bastante considerable.

Con Elementor pasa un poco parecido, ya que no utiliza estándares de desarrollo y al final, si quieres cambiar de tema, de maquetador visual o simplemente no quieres usar maquetador, tienes que crear el contenido de nuevo.

Evolución

Si algo tienes que tener claro, es que si te dedicas a la tecnología y más a desarrollar en web, es que tienes que invertir en formarte, y la evolución tiene que ser parte de tu personalidad como profesional.

Una persona que se estanque en una herramienta al final está perjudicando a su cliente. Siempre. No nos basamos en que a mi me gusta más esta herramienta, es que a mi me pagan por dar soluciones a mis clientes, les dará igual una herramienta que otra.

Accesibilidad

Otro punto que quizás sea el más importante, es la accesibilidad. Al no seguir con los estándares de desarrollo, si tienes Elementor seguramente tendrás problemas de accesibilidad.

Para hacer una simple prueba simplemente tenemos que poner el tamaño de fuente más grande en nuestro navegador y si pruebas con cualquier web que tenga Elementor de fijarás que no todas las fuentes se cambian de tamaño.

Eso es un problema bastante grave, porque estaremos excluyendo a personas que quieran visitar nuestro sitio web.

Tamaño de fuente del navegador
Tamaño de fuente del navegador

Y no, no solo estás excluyendo a personas que vean mal, estas excluyendo a personas que igual no han tenido las mismas oportunidades. Es nuestro deber como personas en un mundo lleno de desigualdades pensar un poco en los demás y pensar en esas personas que no lo tienen tan fácil. Piensa por un momento cuántas oportunidades ha podido perder una persona que no haya podido acceder a Internet como tú: Desde educación, información hasta un sin fin de cosas que le hemos «prohibido». Lo dicho, es nuestro deber.

Sostenibilidad web

Otra de las cosas por los que nos tenemos que dar cuenta es todos esos elementos que ponemos «porque quedan muy cuquis», pero no sirven de nada. Ni por usabilidad, ni por experiencia de usuario ni conversión. Pero todos esos elementos consumen muchísimo a nivel de sostenibilidad.

Hace años, Internet consumía aproximadamente el 1,5% de toda la electricidad mundial, hoy creo que van por el 5%. Es un pasote.

Y Elementor usa mucho de estos elementos que consumen «un pasote». Si no los usas y tienes en cuenta la sostenibilidad web, bien por ti, pero por si acaso yo te advierto.

Creer en la sostenibilidad y en la sostenibilidad web es una filosofía de vida (se hace poco a poco), pero hay tres elementos que interfieren según mi punto de vista:

  • Económico.
  • Medioambiental.
  • Social.

Si, es cierto, me acabo de dar cuenta en este punto que tengo que hacer un post sobre esto.

Planta verde representando sostenibilidad web
Foto por Pexels: https://www.pexels.com/es-es/foto/persona-sosteniendo-una-planta-verde-1072824/

Comunidad WordPress

Pertenecer a una comunidad como WordPress España es un puto privilegio. No solo con todo lo que aprendes todos los días con todos estos fenómenos que se dejan la piel cada día para que WordPress avance, sino por todas las relaciones humanas que haces.

Comunidad de WordPress España en foto grupal de la WordCamp España 2020.
Equipo WordCamp España 2020 (foto robada a Pablo Moratinos, líder de WordCamp 2020)

Pero no vengo a ponerme moñis, venía a decirte que el editor de bloques al estar dentro del ecosistema WordPress tiene una comunidad detrás, soporte, formación y actualizaciones de forma gratuita permanentemente.

¿Cómo migrar de Elementor a Gutenberg?

Reemplazo por base de datos

Una forma de migrar es detectar todos los shortcodes que está usando Elementor y reemplazarlos en la bases de datos. Tiene que ser por código que Gutenberg pueda interpretar, pero con pasarlo a código HTML no hay problema.

Plugin Nelio Unlocker

Nelio Unlocker es un plugin creado por Nelio para poder migrar de Elementor a Gutenberg. Se paga por cada página que migres. Según mi punto de vista tiene muy buen precio y te lo dice una persona que ha hecho migraciones de forma manual. Merece la pena pagar por el ahorro de tiempo.

Pico y pala

Esta es la que menos recomiendo, aunque si tienes una web pequeña, una one page, landing, es buena solución. Lo hice una vez con una web bastante grande (de un ayuntamiento) y fue bastante sufrimiento que no te recomiendo en absoluto.

Simplemente tienes que hacer de nuevo la web con el editor de bloques. Lo bueno de esta solución es que tienes la oportunidad de hacer un diseño web nuevo y si el tuyo se te había quedado anticuado, mira, no hay mal que por bien no venga.

Como conclusión no quiero que pienses que soy una hater de Elementor (aunque personalmente no me gusta) pero si has pensado en migrar de Elementor al editor de bloques de WordPress, puedes hacerlo, sin miedo y con muchos motivos más que suficientes.

Espero que te haya gustado este artículo y si tienes cualquier duda, me puedes escribir en comentarios o por mi maravilloso formulario de contacto.

Otros post que te podrían interesar

4 respuestas a «Migración de Elementor a Gutenberg (editor de bloques)»

  1. Avatar de Carlos Rangel
    Carlos Rangel

    Me gusta tu contenido Marta. Lo que dices de Elementor es bastante cierto. Yo usaba la herramienta hace unos cuatro años y algo no me hacía sentido en el hecho de tener que pagar tanto por una herramienta que hace tan poco así que empecé a aprender código y una cosa llevó a la otra. Hoy estoy iniciando como desarrollador Front End con ReactJS y siempre tengo en mente hacer alg con este conocimiento y WordPress porque, aunque sé programar, me encanta el espíritu de libertad en WordPress y su comunidad.

    Creo que plugins como Elementor en lugar de empoderar a la gente como lo hace WordPress y su comunidad solo ven por los intereses de los creadores de la herramienta y no tanto por toda la gente.

    1. Avatar de Marta Torre

      ¡Muchas gracias Carlos! Gracias por pasarte por este blog y por valorar mi contenido. Me alegro que te guste.

      Lo que comentas, comparto totalmente tu opinión. Creo que debemos de tener más libertad a la hora de recomendar a nuestros clientes, y queramos o no, recomendar este tipo de herramientas hace que el cliente tenga mucha dependencia en la tecnología que no debería de existir.

      Ahora Gutenberg ha evolucionado mucho, y creo que cuando llevas un tiempo en WordPress, tienes que aprender de las nuevas tecnologías y funcionalidades que nos dan para hacerlo lo mejor posible.

  2. Avatar de Marta
    Marta

    Y qué tema recomiendas instalar de base? El twenty…. lo que toque, o algún otro? Alguna guía para familiarizarse con los bloques? No uso elementor pero sí otros constructores

    1. Avatar de Marta Torre

      ¡Hola, Marta! Gracias por escribir por este blog.
      De base si, recomiendo siempre un tema base como puede ser el último twenty o el plugin create block theme que crea un child theme o tema de cero para bloques. Cualquier cosa para empezar y construir en bloques, ahora con el editor del sitio es mucho más sencillo que cuando escribí este post.

      Un saludo,

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Responsable: Marta Torre Ajo.
Finalidad: Los datos que te pido son los mínimos necesarios para poder responder a las consultas que realices.
Legitimación: Aceptación expresa de la política de privacidad.
Destinatarios: No cederé nunca tus datos a terceros, salvo obligación legal.
Derechos: En cualquier momento puedes limitar, recuperar y borrar tu información.
Información adicional: Puedes consultar la información detallada en este enlace.