Gutenberg 7.4 agrega nuevos controles de color, interfaz de usuario de enlace y andamios de bloque para desarrolladores

Traducido del artículo: “Gutenberg 7.4 Adds New Color Controls, Link UI, and Block Scaffolding for Developers” de:

Justin Tadlock, febrero 6 de 2020

El equipo de desarrollo de Gutenberg lanzó ayer la versión 7.4 del complemento. La actualización incluye algunas características orientadas al usuario: un control de color de texto para el bloque de grupo, control de color de fondo para el bloque de columnas y una nueva interfaz de usuario de enlace para componentes de texto enriquecido. Para los desarrolladores, el equipo introdujo un script para lanzar un complemento de bloque desde la línea de comandos.
Después de un aumento dramático en la velocidad en la última actualización, la versión 7.4 continúa por el mismo camino. Cuando se probó en una publicación con aproximadamente 36,000 palabras y 1,000 bloques, las velocidades de carga de la página cayeron de 5.461s a 5.037s y los eventos de pulsación de teclas de 34.63ms a 34.54ms. Esta no es una reducción significativa, pero cada mejora ayuda.
La actualización incluye más de dos docenas de correcciones de errores y varias mejoras. El trabajo hacia el bloque de navegación continúa. La experiencia está mejorando lentamente, pero aún no se siente lista para la producción.
El equipo también lanzó un mecanismo experimental temprano para manejar estilos globales, una característica que puede completarse este año. Los estilos globales permitirían que los temas establezcan colores predeterminados, configuraciones tipográficas y potencialmente más. Los autores de los temas deben estar atentos al desarrollo de esta función y ofrecer comentarios.

El bloque de grupo obtiene el control del color del texto
Captura de pantalla de cambiar el color del texto para el bloque de grupo en Gutenberg.
Cambiar el color del texto para todo un grupo.
El equipo de Gutenberg una vez más limpia una de mis mayores quejas. Al usar el bloque de grupo en el pasado, los usuarios finales no podían aplicar un color de texto a cada subelemento del bloque de grupo. En cambio, tuvieron que agregar un color de texto a cualquier bloque dentro del grupo. A veces fue un proceso minucioso, particularmente con grupos de muchos bloques.
Con este cambio en la versión 7.4, los usuarios pueden aplicar un color de texto a todo el grupo a la vez, y ese color debe filtrarse a sub bloques. Por supuesto, los usuarios aún pueden cambiar el color de los bloques internos si es necesario.

El bloque de columnas obtiene control de color de fondo
Captura de pantalla de cambiar el color de fondo para un grupo de columnas en Gutenberg.
Personalizar el color de fondo en un bloque de columnas.
Gutenberg 7.4 agrega el control de color de fondo al bloque de columnas. Esto hace que funcione de manera similar al bloque de grupo al agregar un color de fondo a todo el bloque contenedor. Desafortunadamente, no recibió el mismo control de color de texto en esta versión.
Actualmente, todavía no hay forma de agregar colores de fondo y texto a una columna individual. Los usuarios finales solo pueden agregar un color en los sub bloques dentro de una columna. La función es un paso en la dirección correcta, pero todavía le faltan algunas opciones de color esenciales.

UI de enlace actualizada
Captura de pantalla de la nueva interfaz de usuario de Gutenberg para agregar enlaces.
Insertar un enlace en un párrafo con la nueva interfaz de usuario.
Este es un cambio menor pero bienvenido. La interfaz de usuario de enlace para texto enriquecido, un componente utilizado para bloques como párrafos, ahora tiene la misma interfaz de usuario que los bloques de navegación y botones. La consistencia es buena, pero soy un fanático de la mejora en general.
El cambio de UI es sutil, pero ya se siente un poco más cómodo después de un día de uso.

Andamios de bloque para desarrolladores
Captura de pantalla de un editor de código que muestra el código inicial para crear un complemento de bloque.
Archivo JavaScript inicial para un complemento de bloque creado automáticamente.
Para los desarrolladores que desean iniciar un nuevo complemento de bloque, el equipo de Gutenberg lanzó un script oficial para comenzar. Al ejecutar el comando npm init @ wordpress / block, el script lo instalará y ejecutará mediante la configuración de un bloque personalizado. El script crea una carpeta completa de complementos, incluidos los archivos PHP, CSS y JavaScript necesarios.
Este script es ideal para crear complementos de bloque único, que eventualmente se expondrán a través del directorio oficial de bloques de WordPress. Debido a que crea un complemento completo, probablemente no sea la mejor ruta para crear nuevos bloques dentro de un complemento existente.

Quién es Justin Tadlock

Justin Tadlock es desarrollador, diseñador y escritor. Es un ganador del Mes Nacional de Escritura de Novelas. Ha trabajado con WordPress de alguna forma desde 2005. También tiene muchos gatos, pollos y patos.