WordPress 5.5: la actualizacion del ano – Nuevas funciones – Mejoras – Correcciones de errores

Actualizado el 12 de agosto de 2020: WordPress 5.5 ha sido lanzado y ha dejado el estado beta. Por favor, prueba primero WordPress 5.5 en un sitio de staging para asegurarte de que no rompe nada en tu sitio de producción.

WordPress 5.5 es probablemente la actualización del año y es la segunda versión mayor de este año. Normalmente no me gusta escribir artículos con superlativos, pero esta nueva versión de WordPress trae muchas nuevas funciones y mejoras emocionantes. La nueva versión de WordPress es un cambio de juego en el desarrollo y el diseño. Aporta una mejor mantenibilidad y rendimiento. Esta nueva actualización se centra en algunas áreas clave como acelerar el tiempo de carga, optimizar las imágenes, ofrecer una interfaz más amigable y dar más poder a la optimización para motores de búsqueda. WordPress ya es el líder del mercado, pero los últimos cambios de WordPress 5.5 pueden aumentar aún más la distancia con sus competidores. Seguimos el desarrollo de WordPress muy de cerca y ya hemos probado la segunda beta para probar las nuevas funciones y mejoras. Este artículo compartirá contigo lo que viene con WordPress 5.5 y te ofrecerá algunos experimentos y capturas de pantalla.

El editor de bloques se convierte aún más en un page builder con la actualización de WordPress 5.5

WordPress introdujo una nueva experiencia de edición en 2018. La experiencia de edición cambió completamente la forma en que se construían los sitios web de WordPress en el pasado. El nuevo editor se basa en el concepto de bloques y lo conoces como el editor Gutenberg. Desde entonces, WordPress trae montones de actualizaciones y mejoras para Gutenberg en cada versión. WordPress 5.5 es uno de los lanzamientos más grandes para el editor de bloques. Llega con enormes mejoras en la interfaz del editor de bloques. Como puedes ver en la captura siguiente, han cambiado elementos de la barra de herramientas, botones, asignado nuevos iconos y los resaltados de enfoque al moverte entre los bloques mientras editas o escribes. Es una experiencia de edición única, como la que ofrece un page builder. Todos los widgets y elementos están disponibles ahora en la barra lateral izquierda. Las vistas previas por dispositivo ayudan a diseñar para móviles, tabletas y escritorio. Hay mucho más por descubrir. Estas son algunas funciones clave que no te puedes perder.

Edición de imágenes en línea

WordPress 5.5 te ofrece una experiencia de edición de imágenes en línea mucho mejor mientras trabajas en la página. Simplemente haz clic en el icono + para insertar imágenes desde bloques o patrones. Los patrones ofrecen diseños prediseñados. El editor de imágenes en línea ofrece controles robustos para conversión, zoom, rotación, recorte, relación de aspecto y orientación de la imagen como retrato y paisaje, con muchas otras funciones.

Patrones de bloques como plantillas de sección

WordPress está construido para facilitar el proceso de desarrollo web, y la actualización de WordPress 5.5 lo mejora al introducir los patrones de bloques. Los patrones de bloques son bloques prediseñados, como una plantilla de sección en los page builders. Puedes añadir un patrón de bloques fácilmente haciendo clic en el icono +. WordPress 5.5 llega con algunos patrones de bloques básicos. Estos crecerán como el repositorio de temas y plugins, como parte de la comunidad de WordPress, cuando los desarrolladores registren más patrones de bloques. Puedes buscar, instalar e insertar un nuevo bloque desde tu editor utilizando el nuevo directorio de bloques.

Vistas previas por dispositivo para un diseño web responsive

Si un sitio web no es responsive y no se puede usar en un dispositivo móvil, tiene un valor limitado. WordPress 5.5 ofrece las nuevas vistas previas por dispositivo para ayudarte a diseñar sitios web más amigables con los móviles. La misma función está disponible en versiones anteriores dentro del módulo de personalización del tema. El editor de bloques de WordPress se parece cada vez más a un page builder. Tenemos vistas previas para móvil, tableta y escritorio mientras editamos con el editor de bloques.

Una experiencia de edición mejor y más fluida

WordPress 5.5 es una actualización de usabilidad y rendimiento del editor de bloques. Mejora el rendimiento al cargar y diseñar el sitio web. WordPress 5.5 ofrece una experiencia de edición fluida con un montón de funciones.

• Arrastrar y soltar refinado y robusto
• Mueve rápidamente los bloques con los selectores de bloques
• Selección de bloques padre
• Resaltados de enfoque para elementos contextuales
• Múltiples opciones para editar los mismos bloques a la vez
• Copiar, reubicar y buscar bloques fácilmente
• Rendimiento mejorado: ves los cambios al instante mientras editas.

Colores de fondo en los bloques

Puedes añadir fondos y degradados para mejorar la experiencia de diseño del sitio web. WordPress 5.5 trae colores de fondo para bloques, grupos, columnas, medios y texto.

Mejor navegación entre bloques

WordPress 5.5 está poniendo difíciles las cosas a los page builders establecidos como Elementor o Divi. La nueva sección de navegación de bloques ayuda a encontrar los elementos del contenido a nivel de bloque y mejora mucho la experiencia de edición.

Nuevas medidas en WordPress 5.5

Esta es otra actualización significativa para cualquier diseñador serio. WordPress ahora admite todas las unidades de medida disponibles. Ahora puedes elegir ems, rems, porcentajes, VH, VW y más. WordPress 5.5 permite ajustar la altura de línea mientras escribes, convirtiendo la escritura y la composición tipográfica en una experiencia sin fricción. WordPress 5.5 trae más de 1500 mejoras al editor de bloques. El nuevo editor de bloques será un buen competidor para los page builders. WordPress está cambiando con respecto a como era antes. Será una mejor oportunidad para los desarrolladores de WordPress pequeños y medianos para desarrollar patrones de bloques y publicarlos en el directorio del editor de bloques. Será menos relevante elegir un tema comercial o gratuito para crear un sitio de WordPress con buena apariencia. El editor de bloques te da todas las herramientas que necesitas para crear un sitio con buen aspecto sin tener que ser diseñador ni usar el tema "correcto". WordPress 5.5 Beta 2 está disponible para pruebas. ¡Espera! Aún hay más en WordPress 5.5

Carga diferida de imágenes

Las imágenes suelen cargar mucho más lento que el texto en una página web. Optimizar imágenes en un sitio WordPress es un gran reto. La técnica de carga diferida (lazy loading) carga las imágenes de forma asíncrona y solo cuando son necesarias. Eso significa que el sitio carga primero todos los elementos de texto e imágenes que están "above the fold", para que el usuario pueda verlo todo de un vistazo. Solo al hacer scroll y cuando las imágenes entran en el viewport del navegador, se cargan. Si los usuarios no se desplazan a una sección concreta, las imágenes ni siquiera se cargarán. WordPress 5.5 establece la carga diferida como ajuste predeterminado para todo el sitio añadiendo el atributo loading a la etiqueta IMG. Esta es una de las actualizaciones más significativas, no solo para tu web, sino para todo internet. WordPress es uno de los CMS más populares y más del 35 % de todos los sitios web disponibles se basan en WordPress. La carga diferida ahorrará enormes cantidades de ancho de banda de internet y reducirá la carga del servidor. Son excelentes noticias para las empresas de alojamiento web y para nuestro ecosistema global, ya que reducirá el consumo de energía y, con suerte, también el calentamiento climático global.

Actualizaciones de rendimiento medidas en benchmarks

"¡Mi WordPress va lento!" Es una frase que a veces oímos de otras personas. Es increíble ver cómo WordPress sigue empujando para resolver cualquier problema de rendimiento. WordPress ahora puede cargarse más rápido que antes gracias a los cambios. Queríamos ver cómo de significativos son los cambios o si serían más bien de naturaleza teórica. Clonamos un sitio web con WordPress 5.4.2 usando WP Staging y creamos un sitio de prueba con el mismo contenido que tenemos en nuestro sitio de producción. Toda la caché estaba desactivada. No se realizaron más optimizaciones. El sitio de producción cargó todo su contenido en 2,8 segundos, mientras que el clon con la versión Beta1 que ejecuta WordPress 5.5 cargó el sitio en solo 1,6 segundos con una puntuación de rendimiento mucho mejor. Así que podemos ver una gran diferencia en el tamaño de la página y el número de peticiones.

Gestionar actualizaciones automáticas para temas y plugins

WordPress 5.5 trae otra potente función para gestionar las actualizaciones de plugins y temas. El nuevo sistema de gestión de actualizaciones permite activar o desactivar las actualizaciones automáticas con un solo clic. Ve a Plugins > Plugins instalados. Verás la última columna para las actualizaciones automáticas y podrás activar o desactivar las actualizaciones automáticas para un plugin concreto con un clic. Si no ves la columna de actualizaciones automáticas, haz clic en las opciones de pantalla para habilitarla. De forma similar, puedes gestionar las capacidades de actualización para los temas. Hay que hacer clic en Apariencia » Temas y luego en el tema que queremos configurar para las actualizaciones automáticas.

Mejores actualizaciones manuales de temas y plugins con archivos ZIP

A veces la función de actualización automática no funciona como debería, o tienes un plugin premium que no puedes instalar ni actualizar desde el repositorio de plugins de WordPress. En ese caso, debes subir el paquete de software manualmente. Pero el proceso de actualizar manualmente un tema o plugin es más complicado y existe la posibilidad de perder datos, diseño o romper otra cosa. Normalmente, debes desinstalar un plugin antes de volver a subir el mismo plugin a tu sitio. Las actualizaciones manuales de temas y plugins de WordPress 5.5 pueden ayudar a evitar este problema. Descarga el plugin/tema y sube el archivo *.zip. WordPress reconoce automáticamente si el paquete ya está instalado y te ofrece la posibilidad de actualizar el software sin desinstalar previamente el plugin o tema. Obtienes un diálogo de actualización similar siempre que intentas subir un paquete de plugin que ya existe:

Sitemap XML por defecto en WordPress 5.5 para más potencia SEO

Un sitemap es un archivo XML que enumera todas las URLs de un sitio. Permite a Google rastrear las URLs fácilmente e indexar el contenido. El sitemap juega un papel importante en la configuración SEO de WordPress. La mayoría de los plugins SEO ofrecen un sitemap XML como función predeterminada. Plugins SEO como Yoast SEO y All In One SEO incluyen un sitemap XML. WordPress 5.5 introduce los sitemaps XML nativos en el núcleo de WordPress, algo que ya es apreciado por la comunidad WordPress. La función de sitemap XML (MVP) está implementada en esta versión. El sitemap XML de WordPress cubre las funciones principales de un sitemap e indexa los siguientes tipos de contenido.

• Página de inicio
• Página de entradas
• Tipos de entrada del núcleo (páginas y entradas)
• Tipos de entrada personalizados
• Taxonomías del núcleo (etiquetas y categorías)
• Taxonomías personalizadas
• Usuarios (autores)

Además, el archivo robots.txt expuesto por WordPress referenciará el índice del sitemap. También se incluye una API de sitemaps XML para construir sobre ella. Si ya estás usando un plugin SEO que viene con su propio sitemap XML, puede provocar un conflicto. Yoast SEO y All In One SEO ya han añadido una función para desactivar los sitemaps XML predeterminados de WordPress, porque ambos ofrecen una personalización avanzada de su sitemap.

¿Hay un vídeo sobre WordPress 5.5?

Sí, ¡lo hay! Nuestro amigo Adam de wpcrafter.com tiene un buen resumen de la actualización de WordPress 5.5:

Recomendación

WordPress 5.5 viene con actualizaciones masivas. Está cambiando la forma en que se construyen, diseñan y mantienen los sitios web. Si tu sitio WordPress actualiza el núcleo de WordPress automáticamente, te sugerimos encarecidamente que crees una copia de seguridad de tu sitio con urgencia. Tenemos un artículo sobre cómo hacer una copia de seguridad del sitio WordPress manualmente sin usar un plugin. Cada vez que hay una actualización de software grande y la instalas, es probable que algo en el sitio web no funcione como esperabas. Incluso WordPress 5.5 no es una excepción a esa regla. Así que prueba primero esta nueva versión de WordPress en un sitio de pruebas.

Conclusión

Espero que este artículo te haya ayudado a entender lo que viene con WordPress 5.5. Es la actualización del editor de bloques, el rendimiento, los sitemaps y las actualizaciones automáticas para temas y plugins. Este lanzamiento significativo también se centra en el bloque de menús de navegación, el directorio de bloques, la carga diferida, la actualización de Gutenberg a la última versión publicada y mucho más. WordPress 5.5 viene con más de 1500 mejoras solo en el editor de bloques.😮 Me gustan las actualizaciones de rendimiento de WordPress 5.5. Por favor, cuéntame lo que te gusta de esta nueva versión y cuál es la actualización más importante para ti. ¿Qué te gustaría ver a continuación y qué no quieres ver en WordPress?