Un año con Gutenberg

Parece que fue ayer cuando Gutenberg se convirtió en la parte oficial de WordPress, pero lo creas o no, ¡ya ha pasado un año! El año 2019 fue sin duda el año de Gutenberg en WordPress. Lo amo o lo odio, no irá a ningún lado pronto y, de hecho, ahora es un nuevo estándar en nuestro querido CMS, destinado a ofrecer una mejor experiencia de usuario. En la publicación de hoy, me gustaría revisar rápidamente todo lo que el editor de bloques de WordPress ha hecho en los últimos meses. En particular, me gustaría discutir qué hace especial, por qué algunos lo aman y otros lo odian y qué significaba para nosotros, los desarrolladores. ¡Vamos a hacer eso!
El lanzamiento de Gutenberg en el estado de la palabra en 2016, Matt dijo que el editor de WordPress es una de las cosas en las que debemos centrarnos, porque necesitaba mucho trabajo para mejorar. En ese momento, los primeros rumores aparecieron sobre un “editor basado en bloques” con el que “unificar los widgets” y “mejorar los códigos cortos”. ¿Fue la primera vista de lo que Gutenberg se convertiría en ese momento? Un año después, en el estado de la palabra 2017, Matt presentó oficialmente a Gutenberg, un proyecto cuyo desarrollo ya había durado 11 meses y tenía algunos más que hacer. El proyecto introdujo el concepto de “bloques” como una solución elegante para crear y administrar contenido. Gutenberg todavía era demasiado verde para ser parte del núcleo de WordPress, por lo que permaneció como un complemento durante unos meses.
Finalmente, después de dos años de gestación, era hora de presentar al nuevo niño frente a la sociedad y a fines de 2018 Gutenberg se convirtió en parte de WordPress Core. En mi opinión (y muchos otros profesionales en el sector), fue una decisión apresurada: sentí que el complemento no estaba listo para el público en general, pero desafortunadamente lo fue. La integración de Gutenberg en la nueva versión de WordPress estuvo llena de controversia y muchas personas la odiaban. Después de eso, 5.0 se lanzó durante 1 día, hubo más de 2.3 millones de instalaciones. – A través de @photomatt #wcus pic.twitter.com/8wyti3l4yl
– WordCamp US (@WordCampus) 8 de diciembre de 2018
Para evitar males importantes, el equipo de desarrollo de WordPress también ha preparado un complemento paralelo para desactivar por completo a Gutenberg y continuar usando el editor clásico … ¡pero el desarrollo de Gutenberg no se ha detenido aquí, por supuesto! Los primeros pasos, como dije anteriormente, el lanzamiento oficial de Gutenberg fue un poco difícil, especialmente porque tenía muchos detractores y había muchos detalles para moler. Ciertamente se sintió como una decisión apresurada. Sabes, WordCamp US 2018 estaba a la vuelta de la esquina y “Necesitamos que Gutenberg esté en él”, y así lo hicieron.
De todos modos, la realidad era lo que era y, hasta enero de 2019, todos teníamos este nuevo editor en el tablero de WordPress. Esto significaba que los usuarios y desarrolladores tenían que adaptarse a esta nueva realidad … ¡y cuanto antes lo hicimos, mejor!
Edición de Google Maps Block Bloque Gutenberg. El principal problema que todos enfrentamos en las primeras semanas fue su bajo rendimiento. Recuerdo que el editor era completamente inutilizable si lo usabas con Yoast, aparentemente debido a un problema con la API de anotación de Gutenberg. Los bloques se han movido de maneras extrañas, los atajos de teclado eran diferentes e impredecibles, el editor permaneció detrás de las computadoras más antiguas …@Photomatt dice “Aprender bloques profundos” #Gutenberg #sotw #wcus pic.twitter. Com/3eaavivux – Wordcamp Us. (@WordCampus) 8 de diciembre de 2018

Pero a pesar de los errores y problemas iniciales, el ritmo frenético del desarrollo del arado hizo posible lo que parecía casi imposible: el remedio rápido y la mejora de la experiencia del usuario al usar Gutenberg. Algo que, si soy completamente honesto contigo, era muy necesario, porque el editor clásico estaba bastante desactualizado:
Captura del editor de publicación de WordPress predeterminado. La evolución de la evolución de Gutenberg en su primer año de vida pública fue realmente increíble. Las actualizaciones tuvieron lugar una tras otra, y los desarrolladores pulieron cada detalle de Gutenberg hasta que se convirtió en una interfaz más amigable y efectiva. Cuando miramos figuras y, en particular, la tasa de adopción de Gutenberg, parece que estamos en el camino correcto. Al momento de escribir esta publicación, dos de tres instalaciones de WordPress utilizan la versión 5.x, lo que significa que Gutenberg está disponible nativo de dos tercios de todos los usuarios de WordPress.
Pero, a decir la verdad, recuerde que puede desactivar por completo a Gutenberg simplemente instalando el editor clásico. En este momento, este complemento tiene más de 5 millones de instalaciones activas y más de 700 evaluaciones de cinco estrellas, acompañadas de comentarios como “El viejo es oro”, “el complemento más importante que tengo” o “el complemento que uso en todos mis sitios . ” Por lo tanto, es posible que Gutenberg sea un fiasco? La evolución del número de instalaciones activas del complemento del editor clásico.

Bueno, en mi opinión, no. Si observa la tendencia actual de las instalaciones activas correspondientes al complemento del editor clásico, verá que se está desacelerando. Esto significa que a medida que pasa el tiempo, menos personas usan este complemento. Una posible explicación para esto es el hecho de que Gutenberg ya es “bastante bueno” y, por lo tanto, no necesita usar la versión anterior del editor. Y esta es, sin duda, una muy buena noticia.
Bibliotecas de bloques Una de las consecuencias oficiales de integración de Gutenberg en WordPress fue la proliferación de nuevos bloques para crear contenido. Claramente, los desarrolladores han identificado un punto de dolor y han decidido mejorar la experiencia general.


Bloques que tiene disponibles con bloques atómicos. En los últimos meses, he visto cómo los complementos han aparecido con el único propósito de expandir el rango de bloques disponibles para Gutenberg. Por lo tanto, por ejemplo, tenemos complementos como bloques atómicos que agregan nuevos bloques, así como arados como apilables o editorskit que incluyen nuevos estilos y ofrecen opciones de edición adicionales a bloques ya existentes.
Las ventajas de Gutenberg, uno de los grandes críticos que siempre ha existido en WordPress, ha sido el efecto de bloqueo inframo. Básicamente, este efecto describe la dependencia que aparece con ciertos temas o complementos cuando comienza a usarlos. Una vez que haya creado contenido con uno de estos proyectos de bloqueo, no puede deshacerse de ellos fácilmente o perderá el contenido mencionado. WordPress Pages con la capa de edición agregada por el generador de páginas “WPBAKERY PUGE para WordPres”. La mayoría de los ejemplos de este efecto se pueden encontrar con generadores de páginas. Cuando solo tenía el clásico editor de WordPress, muchos desarrolladores de temas identificaron otra necesidad: los usuarios querían organizar las páginas utilizando un editor visual que les permitió extraer y colocar bloques de contenido para construir sus páginas. Desafortunadamente, construir una página con dicho generador de página significaba que se bloqueará con ese generador de página para siempre; si ya no desea usar el generador de página, primero debe recrear su página o arriesgarse a perderla.
Gutenberg fue una revolución a este respecto.Ahora, debido a la introducción oficial del concepto de “bloqueo”, los constructores de páginas finalmente tienen un mecanismo estándar para definir la apariencia de una página.Tiene que simplemente usar las nuevas interfaces ofrecidas por Gutenberg.Por supuesto, el proceso de estandarización de las páginas actuales constructores en los bloques de WordPress será lento, pero no tengo dudas de que eventualmente sucederá.Las mejoras continuas de Gutenberg están mejorando en cada nuevo lanzamiento, porque se incluyen nuevas funciones y algunas mejoras en cada versión.Por ejemplo, hace unas semanas, una nueva versión del complemento Gutenberg (7.1 ya) apareció con pequeños usuarios para usuarios, como un diálogo bienvenido para “cumplir” Gutenberg o mejoras en la selección de contenido con más bloques.

Pero hay una mejora que me gustan especialmente y estos son las movimientos del editor. Eche un vistazo a esta publicación de Matias Ventura, donde tiene una explicación muy detallada de “cómo el movimiento nos ayuda a comprender el cambio”. Lo que Gutenberg significaba para nosotros (en Nelio) la llegada de Gutenberg también ha traído actualizaciones interesantes en nuestra empresa. Esencialmente, si queríamos desarrollar nuestros productos y hacerlos compatibles con Gutenberg, tuvimos que reciclar y aprender una pila completamente nueva. Como Toni te dijo hace unas semanas, en los últimos dos años estudié y aprendí a React y Redux. Como resultado de esta etapa de aprendizaje, hemos lanzado algunos complementos específicos para Gutenberg, como Neli Maps, Nelii Translate o Neli Compare Images. También dedicamos gran parte de nuestro tiempo y recursos a la modernización de las pruebas Nelio A/B, y en la actualidad asumimos la misma tarea que Nelio Content.neli A/B Pruebas utilizando nuevas tecnologías. Hemos aplicado incluso algunas de nuestras habilidades recién adquiridas para contribuir a WordPress y hemos propuesto varias solicitudes de extracción:
Errores de remedio con datos

Errores de remedio con argumentos de consulta y fragmentos de URL en JS
Propuesta de trabajo con número y atributos booleanos en la API de bloque
Errores de remedio con entidades de escape HTML (NE)