Gutenberg 7.0 lanza bloque de navegación estable, bloques de publicación y piezas de plantilla

Traducido del artículo: “Gutenberg 7.0 Launches Stable Navigation Block, Post Blocks, and Template Parts” de:

Justin Tadlock, diciembre 2 de 2019

El 27 de noviembre, Gutenberg 7.0 aterrizó con varias características, mejoras y correcciones de errores. En particular, el bloque de navegación ahora es una característica estable. Los autores de temas también pueden comenzar a usar partes de plantillas de bloque y probar el título de la publicación y los bloques de contenido.

La actualización solucionó varios errores con el editor de bloques. También introdujo nuevas características para desarrolladores, como el componente de tarjeta y la capacidad de internacionalizar cadenas con HTML seguro.

Las clases de gradiente ahora se usan para el bloque de cobertura. Las clases son una mejor solución que los estilos en línea utilizados en iteraciones anteriores. Tenga en cuenta que los gradientes siguen siendo una característica experimental.

Para los desarrolladores, hay un nuevo documento de compatibilidad con versiones anteriores que describe cómo el proyecto conserva la compatibilidad en sus API públicas. Esto debería ser útil para todos los desarrolladores que trabajen en el proyecto en el futuro.

Bloque de navegación ahora estable

Captura de pantalla del bloque de navegación en el complemento Gutenberg.

Crear un menú de navegación con el bloque de navegación.

El bloque de navegación ahora es una característica estable y ya no se considera experimental. La interfaz ha mejorado mucho con respecto a implementaciones anteriores. Para construir rápidamente un menú de enlaces, hace su trabajo. Los usuarios pueden escribir manualmente un enlace o buscar un enlace existente para el sitio.

Una interfaz de usuario para los menús de navegación en el editor de bloques no es una bestia fácil de domesticar. El equipo de Gutenberg logró adaptarse a las características más comunes sin hacer que se sintiera confuso. Para los usuarios, la integración de temas puede estar limitada hasta que sus temas se actualicen con soporte completo. El diseño predeterminado de Gutenberg puede no ser ideal o no funcionar en absoluto en el contexto del tema activo.

El bloque de navegación también viene con estilos de bloque claro y oscuro. Los autores de temas pueden diseñarlos como prefieran, agregar estilos adicionales o eliminar los estilos por completo. Lo más probable es que los autores de los temas comiencen a agregar variaciones a sus temas como un punto de venta a largo plazo.

El equipo de Gutenberg eliminó la opción de color de fondo del bloque de navegación. En cambio, se alienta a los usuarios a colocarlo dentro de un bloque de grupo y agregar un fondo al grupo. Es posible cambiar el color del texto del enlace directamente dentro del bloque de navegación.

Actualmente, no hay paridad entre las clases HTML del menú de navegación normal y las clases de bloque de navegación. Esto podría dar como resultado un tema CSS más voluminoso, al menos en la transición entre cómo funcionan actualmente los temas y la era completa de edición del sitio. Las clases inconsistentes son un problema que debe manejarse con un marco de diseño.

Título de la publicación y bloques de contenido agregados

Captura de pantalla del uso del bloque de título de la publicación con una imagen de fondo del héroe.

Salida de bloque de título de publicación personalizada.

Como parte de la función experimental de edición del sitio, Gutenberg ha introducido el título de la publicación y los bloques de contenido de la publicación. Estos bloques actúan como marcadores de posición y generarán el título o el contenido. Ambos bloques son elementos fundamentales para una verdadera edición de sitio completo. Eventualmente, los usuarios ya no estarán tan limitados en cómo se publican sus publicaciones en la pantalla.

Actualmente, el bloque de título de la publicación simplemente genera el título de la publicación dentro de las etiquetas <h1>. No hay clases para personalizar el diseño. El otro elemento que falta en este punto es la línea de publicación o meta área que a menudo acompaña al título. A la larga, Gutenberg necesita tener un método para manejar las áreas de encabezado y pie de página.

La función de encabezado de publicación personalizada ha plagado a los autores de temas durante años, mucho antes de que Gutenberg existiera. Hay docenas o más de implementaciones en la naturaleza. Algunos de ellas trabajan con el editor de bloques. Otras usan metaetiquetas personalizadas o la imagen destacada. Sin embargo, los usuarios a menudo se quedan con implementaciones de baja calidad que no siempre funcionan en el contexto de una publicación específica.

Una de las características que he querido implementar dentro de Gutenberg es la imagen del “héroe” con texto en la parte superior. Al usar el bloque de portada incorporado y el bloque de título de la publicación, pude lograr esto. Sin embargo, todavía faltaba la publicación de la línea. Por lo tanto, armé un filtro rápido para generar el byline de la publicación cuando el bloque de título de la publicación está en uso.

Cualquier autor de temas que quiera probarlo puede modificar el código. No recomendaría esto en producción ya que esta es una característica experimental, pero es bueno comenzar a pensar en las posibilidades.

Piezas de plantilla de bloque para temas

Gutenberg 6.9 introdujo plantillas de bloques que se resuelven a partir de la carpeta de un tema / plantillas de bloques como parte del experimento de creación de sitios. La versión 7.0 va un paso más allá e introduce un sistema de partes de plantilla de bloque, que se resuelve desde el directorio / block-template-parts de un tema.

Este nuevo sistema permite que las plantillas de nivel superior alojen piezas de plantilla más pequeñas y reutilizables. Este es un método bastante estándar de manejo de partes de plantilla que se ha convertido en parte de la experiencia normal de creación de temas.

Será interesante ver cómo funciona esto a largo plazo. Sistema de piezas de plantilla actual de WordPress para autores de temas. El sistema actual de partes de plantillas de WordPress para autores de temas (es decir, get_template_part ()) es una implementación básica con poca flexibilidad para manejar características como la jerarquía y el paso de datos. Hasta ahora, la nueva característica parece ser una combinación de bloques y viejas ideas de plantillas, pero es demasiado temprano en el proceso para ver a dónde va o si los autores del tema tendrán que hacer personalizaciones para doblar el sistema a su voluntad.

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.