¡Ya está aquí WordPress 5.9! ¿Qué grandes cambios te has perdido?

WordPress 5.9 Josephine está aquí! El lanzamiento de esta versión de WordPress estaba originalmente programado para el 14 de diciembre de 2021. Sin embargo, debido a algunos problemas y errores sin resolver, el lanzamiento final se retrasó y finalmente se lanzó el 25 de enero de 2022.

Si se pregunta cuál es el cambio más significativo, la respuesta es la edición completa del sitio (FSE). Y realmente, la mayoría de las nuevas funciones solo están disponibles si está utilizando un tema que admita la edición completa del sitio, como Twenty Twenty Two, el nuevo tema predeterminado.

Con WordPress 5.9, llegamos a la segunda fase de la hoja de ruta de Gutenberg: la fase de personalización.

Ahora, ¡vamos a descubrir los detalles!

Estilos globales: una interfaz gráfica para el archivo 'theme.json'

Con WordPress 5.8, manipular el archivo 'theme.json' se ha convertido en la forma estándar para que los desarrolladores de temas personalicen los estilos y la configuración del editor.

WordPress 5.9 lo lleva al siguiente nivel al presentarle una interfaz gráfica. Ahora, los usuarios pueden personalizar los ajustes preestablecidos de estilo para su sitio, ya sea a nivel de bloque o globalmente, sin tocar una sola línea de código.

Dado que Global Styles afecta algunos aspectos del diseño del sitio web de WordPress, cambiará drásticamente la forma en que personaliza la apariencia de su sitio.

En primer lugar, la interfaz Estilos globales reemplaza al Personalizador. Y actualmente es la única forma de personalizar estilos y configuraciones con temas de bloques.

Del mismo modo, las páginas de administración de opciones de temas complejos ya no serán necesarias. Esto proporciona una nueva forma estándar de configurar ajustes y estilos de temas.

En el editor del sitio, ahora está disponible una nueva barra lateral. En la parte superior, encontrarás un pequeño panel de vista previa y cinco elementos en el siguiente orden:

• Vista previa del estilo
• Tipografía
• Colores
• Diseño
• bloques

¡Miremos más de cerca!

Vista previa del estilo

El primer elemento es un panel de vista previa. Le permite comprobar el resultado de sus personalizaciones. Esto es especialmente útil cuando sus cambios se aplican a elementos que no están visibles en el lienzo del editor.

Tipografía

Aquí es donde controlas la tipografía de tu sitio. Los controles disponibles en este panel dependen de lo que haya en el archivo 'theme.json'.

Colores

Aquí, puede ver y editar el esquema de color y personalizar el color de algunos elementos del sitio web.

Al hacer clic en uno de esos elementos, obtiene acceso a un nuevo panel donde puede elegir colores de tres paletas: Tema, Núcleo y Personalizado. Aquí, puede establecer y modificar el color del elemento elegido.

Diseño

El último conjunto de herramientas es para personalizaciones de diseño. Esto se limita al contenedor del sitio en un contexto global.

bloques

Con la implementación de Estilo global, ahora también puede cambiar la apariencia de bloques específicos, como párrafos, botones, columnas, etc.

Tenga en cuenta que los estilos de bloque solo se pueden personalizar desde aquí si el bloque declara compatibilidad con una funcionalidad específica en el archivo 'block.json' respectivo.

Por ejemplo, dado que el bloque principal Título de publicación admite tipografía y colores, encontrará las entradas correspondientes en la configuración de estilo global de su bloque.

El tema Twenty Twenty-Two y los temas de bloques de WordPress

Con WordPress 5.9, no necesita instalar el complemento Gutenberg para habilitar la edición completa del sitio en su sitio. Solo necesita usar un tema de bloque.

Además, WordPress 5.9 incluye un nuevo tema predeterminado: Twenty Twenty-Two. Es un cambio de juego, ya que es el primer tema de bloque predeterminado de la historia. Además, Twenty Twenty-Two es un tema muy personalizable y flexible.

Una vez que use un tema de bloque, aparecerá un nuevo elemento de menú 'Editor (beta)' en el menú de administración del tablero de WordPress.

En la interfaz de edición, puede editar visualmente la página de inicio, las plantillas y las partes de la plantilla de su sitio web. También puede acceder a la interfaz de estilos globales desde aquí.

Como puedes ver, no encontrarás el Personalizador. Eso es porque no admite temas de bloque. Esa es también la razón por la que no puede obtener una vista previa de los temas de bloque inactivos.

Si está utilizando un tema tradicional, como Woostify, y le preocupa la compatibilidad con versiones anteriores, puede estar seguro. Puedes seguir usándolo.

Actualmente hay cuatro categorías de temas diferentes para que elijas:

• Block Theme: temas diseñados para la edición completa del sitio
• Tema general: temas que funcionan tanto con el Personalizador como con el Editor (beta)
• Temas híbridos: temas clásicos que admiten funciones de edición de sitio completo
• Tema clásico: Temas con archivos “functions.php”, plantillas PHP, etc.

El bloque de navegación actualizado

El bloque de navegación ha estado en su infancia durante algún tiempo. Ahora que se han solucionado todos los problemas pendientes, finalmente podemos comenzar a usar una de las características más poderosas de WordPress 5.9.

Cuando agrega por primera vez un bloque de navegación, el marcador de posición del bloque ofrece tres opciones:

• Elija un menú existente,
• Crear un menú con todas las páginas,
• O comience de nuevo con un menú en blanco.

El nuevo menú de navegación le permite importar menús creados a través de la pantalla de menús de apariencia disponible con temas clásicos.

Por lo tanto, si está cambiando de un tema clásico a un tema de bloque, no tendrá que reconstruir sus menús existentes. Simplemente seleccione uno de sus 'Menús clásicos' actuales. Y se convertirá automáticamente en un menú de navegación basado en bloques.

Los nuevos enlaces de navegación se agregan inmediatamente al bloque de navegación haciendo clic en el ícono más en el lado derecho, a menos que ya se hayan agregado otros tipos de bloques al menú.

Al hacer clic en el botón Editar en la barra de herramientas del bloque Enlace de navegación, se transforma un elemento de menú en un enlace personalizado. De modo que puede agregar, editar, reorganizar y eliminar elementos individuales.

También puede convertir enlaces en bloques haciendo clic en el botón Transformar en la barra de herramientas del bloque. Por lo tanto, puede agregar bloques específicos al menú de navegación directamente.

En la barra lateral de Configuración, encontrará un conjunto completo de opciones para controlar muchas partes de su menú de navegación.

Otra adición útil agregada al bloque de navegación es la compatibilidad con Block Gap. Para que pueda controlar el espacio entre los elementos del menú.

Mejoras de rendimiento

Mejoras en el insertador de bloques

A partir de WordPress 5.9, los tipos de bloques, las categorías y los patrones se muestran de forma perezosa en el insertador de bloques. Su navegador carga primero el contenido de mayor prioridad, lo que le brinda una experiencia de edición más fluida.

Menos CSS cargado

WordPress 5.9 reduce significativamente la cantidad de CSS cargado por temas de bloque, lo que resulta en cargas de página significativamente más rápidas.

Mejoras en el rendimiento de la carga diferida

A partir de WordPress 5.9, el atributo 'loading=”lazy”' no se aplica a la primera imagen de contenido o iframe.

Un análisis realizado en 50 temas populares de WordPress muestra que esta solución genera mejoras significativas en el rendimiento y cargas de página hasta un 30 % más rápidas.

Múltiples hojas de estilo por bloque

Los desarrolladores de temas y bloques pueden registrar varias hojas de estilo por bloque y cargar estilos de otros bloques según sea necesario.

Esto permite que las hojas de estilo se carguen según el contenido de la página, evitando que se carguen hojas de estilo grandes en cada página.

Ultimas palabras

Terminaremos este artículo con una nota rápida sobre la cuota de mercado de WordPress. Actualmente impulsa más del 65% de todos los sitios web con un sistema de gestión de contenido conocido y alrededor del 43% de todos los sitios web.

Estos números son impresionantes, especialmente cuando se comparan con los competidores más cercanos con menos del 7 % de participación de mercado: Shopify.

Cada nueva versión de WordPress trae nuevas funciones, mejoras de rendimiento y mejoras en la interfaz. Y WordPress 5.9 no es una excepción.

Todo lo que necesita para probar nuevas funciones es un tema de bloque, como el nuevo tema predeterminado Twenty Twenty-Two.

Y para cualquiera que esté usando el tema Woostify, puede actualizar su sitio web a WordPress 5.9 inmediatamente sin ningún problema. El equipo de desarrollo siempre trabaja arduamente para garantizar que Woostify sea totalmente compatible con las versiones más nuevas de WordPress.