¿Qué hay de nuevo en WordPress 5.8?

Después de ver las presentaciones en WordCamp Europe 2021 y, en particular, la discusión entre Matt Mullenweg y Matias Ventura que incluía un video con las nuevas funciones que nos vienen en el editor de bloques, estaba ansioso por probar esta nueva versión de WordPress. 5.8 se lanzará a mediados de julio. Así que instalé la versión WordPress 5.8-Beta2 para que pueda informarle sobre las nuevas funciones. Tenga en cuenta que he probado esta versión con el tema veinte y un veinte en wordpress.org y puede suceder que algunas de las características mencionadas, dependiendo del tema que haya instalado en su sitio, no estarán disponibles.
Bloques de Corprecing y patrones de bloque Con la aparición de WordPress 5.5, el editor de bloques incluía el concepto de modelos de bloques. La idea de un modelo de bloque es muy simple: hay secciones predefinidas o fragmentos formados por un grupo de bloques que puede usar para crear páginas y publicaciones. Los modelos de bloques pueden ser algo tan simple como una sección que muestra dos botones o una sección de precios con aspectos atractivos y complejos, o incluso la aparición de una página completa. Es mucho trabajar para editar bloques y modelos de bloques más ligeros y más cómodos. Y, en particular, para hacer su inserto y moverlos más rápido. Para empezar, ahora podemos, desde la lista de bloques y modelos que se muestran en la barra de menú a la izquierda, seleccione y tíralos en el área de la página para insertarlos.

En la lista de bloques y modelos que puede seleccionar y dibujar el bloque o modelo que desea insertar directamente en su página reciente, se ha agregado el icono deslizante (icono de 6 puntos) para que podamos mover cualquier bloque del contenedor en el que Se encuentra. Al hacer clic en el icono deslizante, puede mover el bloque de cobertura dentro de un bloque de columna.

Cuando esté en un bloque, presione ESC para cambiar en modo de selección y presione ENTER para volver al modo de edición.
En el editor de Gutenberg, puede pasar del modo de selección al modo de edición con las teclas ENTER y ESC.

En el modo de selección (no olvide presionar ESC), la navegación de la estructura del bloque está optimizada. Al mover el mouse en un bloque podemos ver los límites de cada bloque que contiene. De esta manera, es más fácil comprender la estructura y dibujar los bloques en el bloque parental.
En el modo de selección, al movimiento del mouse en el bloque de cobertura, podemos ver los límites de cada uno de los bloques que contiene.

Y ahora, con esta nueva versión, cuando entra en modo de edición (presione Entrar), al mover un bloque, se muestran los límites de su contenedor, de modo que el proceso de selección, deslizamiento y colocación es mucho más fácil y más intuitivo.
Captura de pantalla con el dibujo de una opción de bloqueo en WordPress 5.8.

La edición de imagen que continúa con la idea de mejorar la edición de los bloques, un bloque crítico es el bloque de imágenes. Ya hemos visto que ahora podemos insertar imágenes tirándolas en imagen, texto y bloques de medios o cualquier bloque de contenedores, como una columna.
Pero la gran novedad es que podemos editar y modificar las imágenes insertadas en el editor en sí, sin tener que ir a la biblioteca de medios.
Además de los íconos para centrarse y agregar un enlace de imagen, con WordPress 5.8 tenemos tres iconos nuevos: cortar, agregar texto y filtros de duatone. Corte la imagen haciendo clic en el icono de corte, aparecen tres opciones de menú adicionales: Zoom, cambie la relación de apariencia y gire la imagen.

Después de haber seleccionado la opción de corte, realice los cambios deseados de ampliación, apariencia y rotación y aplique los cambios.
Como puede ver, ya no necesita ir a la biblioteca de medios para que su imagen se vea como sea necesario.

Duoton filtra otra característica nueva que viene con WordPress 5.8 es la capacidad de filtrar cualquier imagen en el DUAT. Seleccione los dos colores del filtro que desea aplicar a la imagen y listo, la imagen solo tendrá dos tonos.
Muestre una imagen en solo dos tonos con la opción de imagen Duoton.
Agrega texto Este nuevo icono, el que agrega texto a una imagen, es equivalente a transformar la imagen en un tipo de cobertura. Y, por supuesto, después de este cambio, puede agregar el texto deseado al bloque de cobertura como lo hizo en el pasado.

Captura de pantalla con edición de un bloque de cobertura en Gutenberg.
Además, como puede ver en las propiedades del bloque, ahora puede cambiar el espacio y agregar relleno al texto, de modo que el texto sea exactamente donde desea estar en la imagen. El revestimiento se puede definir como o de manera diferente para cada una de las 4 partes del texto.

Personalmente, me parece genial que pueda agregar y realizar todas estas transformaciones directamente al editor, sin ir a la biblioteca de medios. Sin embargo, si desea optimizar sus imágenes para SEO, me temo que tendrá que ir a la biblioteca. Transformaciones de bloque A medida que hemos visto un bloque desde el tipo de imagen al tipo de portada, el editor de bloques ahora incorpora otros tipos de transformaciones. Por ejemplo, puede seleccionar tres párrafos y convertirlos en títulos, columnas, una lista, etc. Y antes de realizar la transformación, se observa el nuevo aspecto de la transformación.
Vista previa de la transformación de los párrafos en columnas.
Vista previa de la transformación de los párrafos a la lista.

Del mismo modo, puede cambiar un conjunto de bloques de imagen en un tipo de galería de imágenes o incluso un conjunto de botones, etc. El bloque de cobertura con todas estas nuevas características incluidas en el editor en sí, el bloque de cobertura nos permite crear modelos muy diferentes de los que hemos tenido hasta ahora. Por ejemplo, ahora podemos tener dos bloques de cobertura vestidos (con un relleno entre el niño y el padre) y cada uno con su propio color, texto y enfoque.

Imagen que muestra dos bloques de cobertura imbricados.

El bloque de navegación Otra gran característica nueva de la vista previa del editor de bloques en el video presentado en WordCamp es el nuevo bloque de navegación. Vemos que este bloque no está incluido en la versión beta instalada, pero lo encontrará en la última versión 10.8.1 del complemento Gutenberg.
El bloque de navegación de Gutenberg.

Este bloque le permite agregar en cualquier página, un menú de enlaces para que los visitantes puedan ir a cualquier otra página. No se desea ser un sustituto de los menús de navegación que ya conocemos de WordPress, sino una alternativa a cuando desea insertar un menú adicional en una página. Además de indicar si desea el menú horizontal o vertical, tiene más opciones al crear el menú: crear un menú de navegación en el editor de bloques.
Cree en un menú existente: puede optar por mostrar un menú que ya ha creado en su sitio.

Cree vacío: cree un menú vacío para agregar manualmente cada enlace que desee mostrar en la navegación.
Cree a partir de todas las páginas de nivel superior, esto agregará automáticamente cada página existente en su sitio como un enlace, que luego puede editar y reorganizar. Solo se agregan las páginas de nivel superior aquí.

Para agregar un nuevo enlace a la navegación, debe hacer clic en el icono + que le permite elegir entre:
Enlace a la página: una página en su sitio.
Enlace para publicar: una publicación en su sitio.
Enlace a la categoría: todas las publicaciones con una determinada categoría.
Enlace de la etiqueta: todas las publicaciones con una determinada etiqueta.

Enlace personalizado: una URL externa.
Iconos sociales: íconos para redes sociales.
Búsqueda: un cuadro de búsqueda de visitantes para buscar su contenido.
Una vez que haya creado cualquier menú, también tiene la opción de cambiar su estilo (fuente, fuente y color de fondo), agregue submenus, mueva elementos, etc.
Las propiedades del menú de navegación.
Por lo tanto, con este bloque puede crear diseños de menú muy fáciles.
Menú creado con el bloque de navegación. Después de ver, este nuevo tipo de bloque ofrecerá muchas más posibilidades en el diseño de nuestras páginas y publicaciones. Diseño de plantilla Otro gran cambio que nos llega con esta nueva versión del editor de WordPress es que el diseño de la plantilla está completamente integrado en el editor de bloques. De esta manera, puede crear una plantilla a partir de una página creada y agregar la opción de que en la barra del lado izquierdo puede enumerar su estructura.
Diseño de una plantilla de plantilla. A la izquierda podemos ver la estructura de la plantilla.

Podemos movernos a través de la estructura de la plantilla y cada elemento se resalta en el editor, de modo que es muy fácil hacer cambios cuando sea apropiado y tener una visualización rápida de todos los elementos vestidos en cada bloque de contenedores. Y hay … y finalmente, en el video presentado en WordCamp Europe, también se nos demostró que definimos directamente en los estilos globales del editor de bloques para cambiar la paleta de colores, la tipografía, etc. Si tenía dudas, con esta nueva versión WordPress 5.8 nos estamos acercando al objetivo de no necesitar ningún otro generador de páginas para crear las páginas de su sitio. Imagen presentada por XPS en Unsplash.