Consejos para convertir un sitio web existente de WordPress para usar el editor de bloques Gutenberg

Consejos para convertir un sitio web existente de WordPress para usar el editor de bloques Gutenberg

Cuando se lanzó el editor de bloques Gutenberg como parte de WordPress 5.0, varios diseñadores web estaban preocupados por el efecto que tendría en los sitios web existentes. Algunos prometieron seguir usando el Editor clásico en el futuro previsible.

Pero el nuevo editor de bloques se ha instalado muy bien. Sus características y usabilidad parecen mejorar con cada nueva versión. Y la comunidad de desarrollo ha contribuido con una serie de útiles bloques personalizados .

Para nuevos proyectos, ir con Gutenberg parece una gran opción. Pero, ¿qué pasa con los sitios web existentes? ¿Cómo se ve el proceso de conversión? Y, lo más importante, ¿cuáles son los riesgos?

Si bien cada sitio web tiene sus propias peculiaridades únicas, hay algunas cosas generales a tener en cuenta. Hoy, cubriremos los conceptos básicos de la conversión de su sitio web para usar bloques. ¡Empecemos!

Primero, tome las precauciones adecuadas

Si tiene instalado el complemento Classic Editor, es fácil cambiar a Gutenberg y al maravilloso mundo de los bloques. Sin embargo, no se recomienda hacer esto sin las pruebas adecuadas.

Eso significa configurar un entorno provisional o la instalación local de su sitio web. Esto le permitirá ver cómo funcionan las cosas sin riesgo de romper un sitio en vivo.

Además de la puesta en escena, también vale la pena mirar su tema activo y sus complementos. Deberá investigar un poco para asegurarse de que sean compatibles con el editor de bloques. Por lo menos, se trata de asegurarse de que no surjan conflictos importantes por el cambio.

Afortunadamente, casi todos los temas o complementos que su autor mantiene regularmente deberían estar bien. Sin embargo, si tiene algún software heredado que no ha visto una actualización en bastante tiempo, es posible que tenga un problema en sus manos. Solo las pruebas le permitirán saber con seguridad.

Activar el interruptor

Entonces, ¿qué aspecto tiene una página o publicación de WordPress creada en el Editor clásico cuando cambia a Gutenberg? Esta fue una preocupación comprensible para muchos de nosotros. En realidad, no está nada mal:

Contenido antes y después de cambiar al editor de bloques.

WordPress pone el contenido existente en lo que se llama un bloque «clásico», que es exactamente como suena. Este bloque recrea la experiencia del Editor clásico, que mantendrá su contenido intacto a menos y hasta que decida convertirlo en una serie de bloques.

La conversión es un proceso sencillo. Haga clic en el botón de opciones para el bloque Clásico (consta de tres puntos verticales) y elija «Convertir en bloques». A partir de ahí, Gutenberg dividirá su contenido en bloques individuales para encabezados, párrafos, imágenes y más.

Diálogo de Gutenberg Conver to Blocks.

La conversión es rápida y funciona muy bien en páginas simples. ¿Pero qué hay de algo más complejo?

En este ejemplo, incrustamos un video de YouTube y agregamos algunos CSS personalizados a parte del contenido. ¿Qué hace Gutenberg con eso?

Un video de YouTube y un contenedor con CSS personalizado en el Editor clásico.

El video de YouTube fue pan comido. Gutenberg lo convirtió en un bloque de inserción de YouTube, y se puede editar y mover fácilmente.

Un video de YouTube después de convertirse en un bloque.

La transición para nuestro CSS personalizado no fue tan suave, al menos no visualmente. En los casos en que hay código personalizado, el editor de bloques lo convertirá en un bloque HTML. Puede que no sea bonito a primera vista, pero en realidad es un paso positivo. Esto evita que las personalizaciones se pierdan en la traducción.

Resultados de CSS personalizados en un bloque HTML.

En el peor de los casos, mantener el bloque HTML le permitirá mantener un código personalizado. La alternativa es reelaborar el elemento como una clase CSS o incluso como un bloque personalizado .

Posibles inconvenientes

La decisión de ir con el editor de bloques es una que debe considerarse cuidadosamente, especialmente en un sitio web existente. Y, dependiendo de cómo se construyó su sitio web, hay algunos puntos de conflicto potenciales a tener en cuenta:

¿Ya estás usando un complemento de generador de páginas?

Cabe señalar que los complementos del generador de páginas y Gutenberg son animales completamente diferentes. Por lo tanto, no hay una forma integrada de convertir contenido de Elementor, Beaver Builder, etc. al editor de bloques.

Eso podría significar mucho trabajo manual. Además, es posible que deba aceptar el hecho de que Gutenberg no puede hacer todo lo que un creador de páginas puede hacer. Es probable que algunas de las características más sofisticadas de su creador de páginas favorito requieran un bloqueo personalizado, o que abandonen por completo el aspecto / funcionalidad, al realizar la conversión.

Consideraciones de campo personalizadas

Los campos personalizados han sido una herramienta popular para personalizar plantillas de página y tipos de contenido. Los complementos como Campos personalizados avanzados se han adoptado ampliamente porque facilitan el proceso.

Si bien los campos personalizados generados a través de ACF todavía funcionan con el editor de bloques, su posición dentro de la pantalla de edición ha cambiado. Ahora están en la parte inferior de la pantalla. Eso estaría bien, excepto que ACF permitió durante mucho tiempo a los desarrolladores colocar los campos sobre el editor, o eliminar el editor por completo. Ese ya no es el caso.

El resultado es una IU más desordenada. Una forma de evitarlo sería convertir estos conjuntos de campos personalizados en bloques . Hacerlo le permite posicionar campos dentro del contenido de una página y ofrece una experiencia más fluida. Sin embargo, eso requerirá un poco más de trabajo.

La curva de aprendizaje

Muchos usuarios han hecho la transición desde el Editor clásico y vivieron para contarlo. Pero si está convirtiendo un sitio web que sus clientes actualizarán ellos mismos, prepárese para brindar educación y apoyo.

Si bien la usabilidad de Gutenberg ha crecido a pasos agigantados, sigue siendo una experiencia diferente. Por lo tanto, los clientes tardarán un tiempo en adaptarse. Esto es algo que debe discutirse antes de tomar cualquier decisión.

Presentación de su sitio web existente a Gutenberg

El miedo a cambiar a bloques fue y es comprensible. Siempre existe un riesgo al realizar un cambio importante en su sitio web.

Sin embargo, cambiar del Editor clásico a Gutenberg es una línea bastante sencilla para la mayoría de los sitios web. Y, está perfectamente bien convertir solo el contenido que desea renovar. Todo lo demás puede permanecer de forma segura en un bloque clásico y funcionará como siempre lo ha hecho.

Por supuesto, el uso de creadores de páginas y otras herramientas complejas puede enturbiar un poco el proceso. Es por eso que es una buena idea probar primero en un entorno de ensayo. Es uno de los pasos clave en la transición de su sitio web.

Más allá de eso, se trata de considerar lo que ganarás usando bloques. Me vienen a la mente cosas como diseños personalizados, incrustaciones de contenido más fáciles y más flexibilidad.

Si esos parecen beneficios interesantes, entonces tal vez sea hora de comenzar a construir con bloques.

Deja un comentario

Tu dirección de correo electrónico no será publicada.