WordPress 5.8 Beta 2

¡Ya está disponible la beta 2 de WordPress 5.8 para probarla!

Este software está aún en desarrollo, a sí que no es recomendable ejecutar esta versión en un sitio en producción. Plantéate configurar un sitio de pruebas para probar la nueva versión.

Puedes probar WordPress 5.8 beta 2 de dos maneras:

El objetivo actual para la versión final es el 20 de julio de 2021. Esto son solo cinco semanas. Tu ayuda es necesaria para asegurar que esta versión se pruebe adecuadamente.

Detalles a destacar

Desde la Beta 1, se han corregido 26 fallos. Aquí tienes un resumen de algunos de los cambios incluidos:

  • Editor de bloques: Se eliminan los patrones de bloques incluidos y la compatibilidad con el directorio de patrones. (#53246)
  • Editor de bloques: Añadida una propiedad de tipo para permitir al núcleo identificar el origen de los estilos del editor. (#53175)
  • Herramientas de creación/pruebas: Añadidas algunas pruebas para la sección de borrador rápido del escritorio. (#52905)
  • Herramientas de creación/pruebas: Reemplazado @babel/polyfill con core-js/stable. (#52941)
  • Estándares de programación: Más actualización del código para el borrado de elmentos del menú en lotes para seguir mejor los estándares de programación de WordPress. (#21603)
  • Bibliotecas externas: Actualizar Underscore a la versión 1.13.1. (#45785)
  • General: Varias correcciones relacionadas con el editor de bloques, el modo de plantilla y la pantalla de widgets. (#51149)
  • Acceso y registro: Mejorar el mensaje de error de usuario desconocido. (#52915)
  • Medios: Restaurar la forma de datos de respuesta AJAX en la biblioteca de medios. (#50105)
  • Salud del sitio: Mostrar una lista de formatos de archivo compatibles con la biblioteca GD. (#53022)
  • Twemoji: ¡Esto es nuevo! (#52852)

Cómo puedes ayudar

Revisa las notas para desarrolladores de la versión 5.8 en el blog de Make WordPress Core las siguientes semanas, pues habrá más detalles sobre estos y otros cambios.

Hasta el momento, los contribuidores han corregido 214 tiques en WordPress 5.8, incluidas 87 nuevas características y mejoras, y más correcciones a fallos en camino.

¡Haz pruebas!

Hacer pruebas para buscar fallos es una parte vital del pulido de la versión durante la etapa beta, y un modo fantástico de contribuir. ✨

Si crees que has encontrado un fallo, por favor, publícalo en el área Alpha/Beta de los foros de soporte. ¡Nos encantará tener noticias tuyas! Si te sientes cómodo redactando un informe de fallos, archiva uno en el trac de WordPress. Aquí es donde también puedes encontrar una listas de los fallos conocidos.

WordPress 5.8 Beta 1

¡Ya está disponible la beta 1 de WordPress 5.8 para probarla!

Este software está aún en desarrollo, a sí que no es recomendable ejecutar esta versión en un sitio en producción. Plantéate configurar un sitio de pruebas para probar la nueva versión.

Puedes probar WordPress 5.8 beta 1 de dos maneras:

El objetivo actual para la versión final es el 20 de julio de 2021. Esto son solo seis semanas. Tu ayuda es necesaria para asegurar que esta versión se pruebe adecuadamente.

Sigue la pista en el blog de Make WordPress Core a las notas para desarrolladores relacionadas con la versión 5.8 las siguientes semanas, que detallarán estos y otros cambios en mayor detalle.

¿Pero qué novedades hay en esta versión 5.8? Empecemos con algunas destacadas.

Destacado

Potentes bloques

  • Descubre varios nuevos bloques y herramientas expresivas, incluyendo bloques de listas de páginas, título, logotipo y descripción breve del sitio. Un potente bloque de consulta en el loop que ofrecer varias maneras de mostrar listas de entradas y trae nuevos patrones de bloques que aprovechan su flexibilidad y posibilidades creativas.
  • Interactuar con bloques anidados ahora es más fácil con un botón permanente en la barra de herramientas para seleccionar un superior. Los contornos de los bloques se muestran cuando se pasa el cursor por encima o se enfoca en los distintos botones de tipo de bloque. Los iconos de cada bloque ahora también se puedne arrastrar y soltar en el modo de «selección».
  • Se introduce la vista de lista, un panel que puede alternarse y ayuda a navegar por bloques y patrones complejos.
  • Los bloques reutilizables tienen un mejorado flujo de creación y compatibilidad con revisiones del historial.
  • Un nuevo y chulo bloque de duotono añade efectos de imagen que pueden usarse en los bloques de medios o bloques de terceros compatibles. Los ajustes por defecto de color también los puede personalizar el tema.

Patrones selectos

Ahora también se pueden recomendar y seleccionar patrones durante la configuración de un bloque, ofreciendo nuevos y potentes flujos de trabajo. También son posibles las transformaciones de patrones y es posible convertir un bloque o colección de bloques en distintos patrones.

Nueva colección de patrones e integración inicial con el futuro directorio de patrones en WordPress.org.

Mejores herramientas

  • Nuevo editor de plantillas que permite crear nuevas plantillas personalizadas en una página que use bloques.
  • Los temas pueden ahora controlar y configurar los estilos con un archivo theme.json file, incluyendo configuración de diseño, compatibilidad con bloques, paletas de color y más.
  • Nuevas herramientas y mejoras de diseño para los bloques existentes, incluyendo más opciones de color, tipografía y espaciado, arrastrar y soltar para fondos, añadidos a las opciones de transformación de bloques, posibilidad de incrustar PDFs en el bloque de archivo y más.
  • Incluye mejoras en cómo se procesa el editor para que se parezca más a la parte visible de la web.

Internet Explorer 11

La compatibilidad con Internet Explorer 11 termina en WordPress este año. En esta versión se han introducido la mayoría de los cambios, así que ¡utiliza los periodos Beta y RC para probarlos!

Bloques en el área de widgets

¿Buscas un cambio y no lo encuentras? Pronto habrá más mejoras.

Cómo puedes ayudar

¡Haz pruebas!

Hacer pruebas para buscar fallos es una parte vital del pulido de la versión durante la etapa beta, y un modo fantástico de contribuir. ✨

Si crees que has encontrado un fallo, por favor, publícalo en el área Alpha/Beta de los foros de soporte. ¡Nos encantará tener noticias tuyas! Si te sientes cómodo redactando un informe de fallos, archiva uno en el trac de WordPress. Aquí es donde también puedes encontrar una listas de los fallos conocidos.

¡Gracias por unirte a nosotros, felices pruebas!


Edición completa del sitio
Llega al final del año
Pero primero, la Beta 1

Mejoras en esta versión

  • Mejoras en los bloques reutilizables, bloque de fondo, bloque de tabla, vista de lista, marcador dde posición de texto enriquecido, modo de edición de plantillas, insertador de bloques y barra de herramientas superior.
  • Bloque de consulta del loop que usa una consulta/filtro para crear una lista flexible de entradas basada en plantillas. Mejor si se usa con patrones.
  • Refinamiento de igualdad entre editor y portada, estandarización de la organización de las barras de herramientas de los bloques.
  • Widgets de bloques en el personalizador.
  • Introducción de los estilos globales y de APIs de ajustes globales: controlan los ajustes del editor y herrramientas de personalización y estilos en bloques usando un archivo theme.json. El editor de plantillas abre dentro de un marco para imitar con más precisión la parte visible de la web.
  • Posibilidad de transformar medios y texto en columnas.
  • PDFs incrustados en el bloque de archivo.
  • Opciones de espaciado para enlaces y botones sociales, bloque espaciador con ajustes de anchura.
  • Twemoji se ha actualizado a la versión 13.1, con más y nuevos emojis.
  • Mejoras de rendimiento del editor.
  • Ocultar el indicador de escritura en los siguientes párrafos vacíos.
  • Interfaz de usuario de publicación más descriptiva.
  • Añadida la capacidad de configurar el formato por defecto para sub-tamaños de imagen así como la compatibilidad con WebP.
  • Añadido editor de bloques de widgets a widgets.php y customize.php.
  • Añadidos patrones de bloques a los temas por defecto.
  • Añadida la posibilida de marcar un plugin como sin gestionar.
  • Activadas las revisiones para el tipo de contenido personalizado bloque reutilizable.
  • Encolado de los recursos de scripts y estilos solo para los bloques presentes en la página.
  • Configuración simplificada del editor de bloques mediante la eliminación de los filtros existentes y la introducción de sustitutos que tienen en cuenta el contexto.
  • Nuevas variables de la API REST para barras laterales, widgets y tipos de widgets.
  • Añadida compatibilidad para modificar la relación de términos al consultar entradas en la API REST.
  • Salud del sitio ahora es compatible con submenús y páginas personalizadas.
  • Los temas ahora muestran el número de actualizaciones de temas disponibles en el menú de administración.
  • Aceleradas las llamadas en caché de get_pages()
  • Underscore se actualiza de la versión 1.8.3 a la 1.9.1

Para ver todas las características de las versiones de Gutenberg en detalle revisa estas entradas: 10.010.110.210.310.410.510.610.7. Además de estos cambios, los colaboradores han corregido 215 tiques en WordPress 5.8, incluidas 88 nuevas características y mejoras, con más correcciones de fallos en camino.

Primeros patrones para el directorio de patrones de WordPress.org

Una vez se lance el directorio de patrones, los usuarios podrán añadir directamente sus propios patrones. Sin embargo, mientras tanto, el proyecto necesita una colección de patrones de alta calidad, diversos y diseñados por la comunidad, para poblarlo durante su etapa de desarrollo. Estos patrones establecerán el tono de la calidad en el repositorio y harán que el directorio sea útil para la gente en su lanzamiento.

El equipo de diseño ya ha elaborado un pequeño conjunto de patrones para dar el pistoletazo de salida. Si usas el plugin Gutenberg, habrás notado recientemente un nuevo conjunto de patrones de bloques agrupados en el insertador de patrones:

Estos patrones han sido diseñados por @beafialho, @melchoyce y @kjellr como iteraciones del conjunto por defecto que se envió con WordPress 5.5. Ya han sido migrados al próximo directorio de patrones en WordPress.org para ser probados allí.

¡Este pequeño conjunto inicial es solo el principio! Los tres siguen diseñando patrones para alimentar el directorio de patrones y nos encantaría que nos ayudaras. Te animamos a que envíes propuestas como candidatos a patrones (en forma de maquetas y/o bloques) utilizando la etiqueta «[Type] Pattern Submission» en el repositorio GitHub del directorio de patrones. Hay una plantilla de envío ya creada para ayudarte a empezar.

En esta primera fase, el equipo de diseño revisará cada patrón sugerido y trabajará para identificar una lista de criterios sobre qué tipos de patrones son buenos candidatos para su publicación en el directorio.

Por favor, comparte cualquier pregunta o inquietud en los comentarios de la entrada Initial Patterns for the WordPress.org Patterns Directory. ¡Estamos deseando hacer crecer el directorio de patrones entre todos juntos!

WordPress 5.8 añade compatibilidad con imágenes WebP

WebP es un formato de imagen moderno que ofrece una mejor compresión con y sin pérdidas para las imágenes en la web. Las imágenes WebP son un 30% más pequeñas de media que sus equivalentes JPEG o PNG, por lo que los sitios son más rápidos y utilizan menos ancho de banda. Según caniuse, WebP es compatible con todos los navegadores modernos.

A partir de la versión 5.8 de WordPress, puedes subir y utilizar imágenes WebP en WordPress como lo harías con una imagen JPEG o PNG hoy en día (siempre y cuando tu servicio de alojamiento soporte WebP). El cambio al formato WebP para tus imágenes mejorará el rendimiento de tu sitio y la experiencia de tus visitantes. 

Cómo te ayuda WebP

Las imágenes WebP son significativamente más pequeñas que sus equivalentes JPEG, por lo que los visitantes de tu sitio verán la página completa cargada más rápidamente. Las imágenes más pequeñas necesitan menos ancho de banda para transmitirse, y tus imágenes siguen obteniendo todos los beneficios de respuesta de srcset y lazy loading por defecto. Por último, WebP es compatible con los principales navegadores, por lo que la mayoría de los sitios pueden empezar a utilizarlo hoy mismo.

Creando imágenes WebP

Las herramientas de edición de imágenes soportan la exportación en WebP; también puedes utilizar las herramientas de conversión por línea de comandos o herramientas basadas en la web como Squoosh. Una vez que guardes tus imágenes como WebP, súbelas a WordPress y utilízalas como harías con cualquier otra imagen.

Usando imágenes WebP

Las imágenes WebP funcionan como cualquier otra imagen en WordPress con algunas pequeñas advertencias.

Las imágenes WebP admiten compresión con y sin pérdida, así como un formato animado y compatibilidad para imágenes transparentes. En WordPress, el formato WebP sin pérdidas sólo es compatible cuando el servidor de alojamiento utiliza Imagick hasta que LibGD añada soporte. Además, los formatos animados y alfa aún no son compatibles con las imágenes redimensionadas (en su lugar se crean imágenes con pérdida cuando se suben en estos formatos).

La compatibilidad con WebP en la biblioteca de medios requiere que la biblioteca de procesamiento de imágenes de tu servidor web (WordPress soporta tanto Imagick como GD) soporte el formato WebP. Afortunadamente, estas bibliotecas han sido compatibles con WebP durante bastante tiempo, por lo que la compatibilidad está ampliamente disponible. Si tu servidor web no admite WebP, verás un mensaje de error cuando intentes subir una imagen WebP.

Si tu audiencia incluye un número significativo de usuarios en un navegador no compatible (Internet Explorer 11, por ejemplo), evita usar imágenes WebP, o utiliza un sistema de colas del tipo browser polyfill.

Planes para el futuro

El equipo del componente multimedia también está explorando la opción de que WordPress realice la conversión del formato de imagen en las imágenes subidas, utilizando WebP como formato de salida por defecto para las imágenes de tamaño inferior. Puedes seguir el progreso y probar esta función en el trac ticket. También estamos pendientes de formatos aún más modernos, como AVIF y JPEGXL, que mejorarán la compresión y reducirán aún más los recursos necesarios para la misma.

Preguntas frecuentes

¿Cómo puedo ajustar la calidad de compresión de las imágenes WebP?

Los desarrolladores o plugins pueden utilizar el filtro wp_editor_set_quality para establecer el ajuste de calidad. El tipo MIME pasado permite el ajuste por tipo, por ejemplo:

// Use a quality setting of 75 for WebP images.
function filter_webp_quality( $quality, $mime_type ) {
  if ( 'image/webp' === $mime_type ) {
     return 75;
  }
  return $quality;
}
add_filter( 'wp_editor_set_quality', 'filter_webp_quality', 10, 2 );

¿Qué sucede si activo el filtro para usar sub-tamaños de WebP, pero subo JPEG? ¿Los sub-tamaños tienen que coincidir con el original?

Por defecto, WordPress crea las imágenes de sub-tamaño del mismo tipo que el archivo subido, así que sube archivos WebP para obtener archivos WebP en tu sitio. Si quieres experimentar con la subida de JPEG y que WordPress los convierta automáticamente a WebP para tus imágenes de distintos sub-tamaños, echa un vistazo a este plugin (ticket de trac relacionado).

Si utilizo WordPress MultiSitio, ¿funcionarán todos mis sitios con imágenes WebP?

No. WordPress MultiSitio almacena los tipos de archivos que los usuarios pueden subir cuando se crea un sitio. Estamos trabajando para mejorar esto en #53167. Mientras tanto, para asegurarse de que todos los sitios existentes en una red permiten archivos WebP, puedes utilizar el filtro site_option en un mu-plugin de red para añadir webp a los tipos de archivo permitidos para todos los sitios de la red:

// Ensure all network sites include WebP support.
add_filter(
  'site_option_upload_filetypes',
  function ( $filetypes ) {
    $filetypes = explode( ' ', $filetypes );
    if ( ! in_array( 'webp', $filetypes, true ) ) {
      $filetypes[] = 'webp';
      $filetypes   = implode( ' ', $filetypes );
    }

    return $filetypes;
  }
);