WordPress 7.1 «Mary Lou»: estilos responsive, editor multimedia y nuevas APIs
WordPress 7.1, con nombre en clave «Mary Lou», refuerza el trabajo diario en el escritorio y en el editor de bloques. La versión añade estilos responsive sin CSS personalizado, centraliza la edición de imágenes, mejora las notas colaborativas y abre nuevas posibilidades para desarrolladores de temas, bloques e integraciones.
Descargar WordPress 7.1Estilos responsive desde el editor
Ahora puedes definir cómo se ve un bloque en distintos tamaños de pantalla desde Estilos globales o desde los ajustes del propio bloque. Estos controles se suman a las opciones existentes para mostrar u ocultar bloques, por lo que puedes adaptar una composición al móvil, la tableta y el escritorio sin escribir CSS personalizado.
El editor permite además previsualizar el resultado en varios tamaños de viewport mientras trabajas. Así puedes comprobar el comportamiento de la maquetación antes de publicar.
La barra de administración llega a todos los editores
La barra de administración acompaña ahora toda la experiencia de edición. Mantiene visibles las herramientas habituales y la referencia de dónde te encuentras tanto al editar una entrada como al modificar el diseño del sitio.
También recibe pequeños ajustes visuales para unificar su aspecto entre el escritorio y los distintos editores.
Un flujo único para recortar y editar imágenes
El botón Recortar sigue siendo el punto de entrada, pero abre un nuevo modal de edición multimedia en lugar de la herramienta integrada anterior. Desde ese espacio puedes recortar libremente o con una proporción definida, voltear la imagen en horizontal o vertical, rotarla con precisión o con ajuste incremental y editar sus metadatos.
Notas en línea con menciones y formato
Las notas admiten texto enriquecido: negrita, cursiva, código y enlaces. Escribe @ para mencionar a un colaborador y notificarle dentro de la conversación.
También puedes anclar una nota a un fragmento concreto de texto, no solo al bloque completo. Un mismo bloque admite varias conversaciones y las notas largas se pueden contraer para no saturar el margen durante una revisión.
Procesamiento multimedia más rápido y más formatos
La compresión, el redimensionado y la generación de miniaturas se ejecutan ahora en el navegador. WordPress usa una compilación WebAssembly de libvips, es decir, código nativo adaptado para ejecutarse en el navegador, para reducir la carga del servidor y generar archivos más pequeños.
Este cambio evita límites de memoria de PHP y tiempos de espera al subir imágenes grandes. La biblioteca multimedia añade además compatibilidad nativa con AVIF, HEIC y mapas de ganancia HDR, formatos que ya producen cámaras y móviles actuales.
Bloques y controles visuales nuevos
Crea listas de reproducción
El nuevo bloque Lista de reproducción reúne varias pistas de audio en un único reproductor. Puede mostrar una forma de onda opcional para dar una referencia visual de cada pista mientras se reproduce.
Define breakpoints en los temas de bloques
Los temas de bloques pueden establecer sus propios breakpoints de móvil y tableta en theme.json. Estos valores sustituyen los predeterminados para los estilos responsive y para la visibilidad de bloques.
Organiza contenido con pestañas
El nuevo bloque Pestañas distribuye contenido relacionado en paneles con pestañas. Resulta útil cuando necesitas presentar varias secciones sin mostrarlas todas a la vez ni recargar la página.
Personaliza iconos y estados de botones
Puedes añadir colecciones de iconos propias a la biblioteca disponible en el editor y usarlas junto a los iconos integrados en el bloque Icono. Además, el bloque Botones permite definir en los controles de estilo su aspecto en los estados hover, focus y active, tanto para un botón individual como para todos los botones.
Un lienzo de edición más predecible
El editor de entradas pasa a usar un iframe para todos los temas, igual que el Editor del sitio. Un iframe es un documento HTML aislado dentro de la interfaz, por lo que el lienzo de contenido se ejecuta separado de la administración de WordPress.
Los estilos del escritorio ya no interfieren con el contenido que editas. Las unidades relativas al viewport y las media queries se dirigen al lienzo, lo que hace más fiable el comportamiento de los diseños responsive durante la edición.
APIs y herramientas para desarrolladores
La API de iconos SVG pasa a ser pública. Puedes registrar colecciones e iconos propios y reutilizarlos en el editor con wp_register_icon_collection(), wp_register_icon() y wp_get_icon().
La Abilities API amplía la infraestructura introducida en WordPress 6.9 con un ciclo de ejecución filtrable, validación personalizada y descubrimiento compartido. Estas piezas facilitan la creación de integraciones y automatizaciones sobre WordPress, incluidas herramientas basadas en IA.
Un nuevo sistema de diseño aporta una base para tematizar interfaces de administración: color, redondez y estilos de cursor. Los tokens de diseño semánticos, valores con significado visual en vez de un valor fijo, y el componente React ThemeProvider ayudan a que una interfaz de administración personalizada conserve coherencia con WordPress.
Los autores de temas también disponen de estilos responsive y de pseudoestados mediante theme.json: hover, focus, focus-visible y active. La versión añade filtros para configurar las pantallas DataViews y DataForm que sustentan Páginas, Plantillas, Partes y Patrones dentro del Editor del sitio.
Accesibilidad
Las funciones wp_get_tooltip() y wp_get_toggletip() llevan tooltips accesibles a más zonas de la administración, incluidas las cajas meta de las entradas y la pantalla de acceso. Un tooltip muestra ayuda contextual; un toggletip permite activar esa ayuda de forma explícita.
Los lectores de pantalla reciben etiquetas más claras y una navegación más predecible en las tablas de listado de entradas. Los bloques Pestañas y Lista de reproducción, junto con mejoras en la navegación e interacción del editor, forman parte del trabajo de accesibilidad de esta versión.
Más mejoras de rendimiento
La conversión opcional de GIF a vídeo suele generar archivos más pequeños. Los indicadores de progreso de carga y los reintentos automáticos también hacen que las subidas resistan mejor los cortes de conexión.
La biblioteca multimedia usa desplazamiento infinito de forma predeterminada, aunque cada usuario puede volver a la paginación desde sus opciones. Los valores predeterminados de carga especulativa se pueden fijar mediante variables de entorno o constantes, de modo que el hosting y los propietarios del sitio controlen cómo WordPress precarga páginas sin crear un plugin.
Qué revisar al actualizar a WordPress 7.1
- Prueba los estilos responsive de tus bloques en los tamaños de viewport que utilice tu diseño y, si mantienes un tema de bloques, revisa los breakpoints definidos en
theme.json. - Comprueba el aspecto de botones en
hover,focus,focus-visibleyactive, especialmente si el tema ya declara estilos para esos pseudoestados. - Valida los flujos de subida y edición de imágenes con archivos grandes, AVIF, HEIC y contenido HDR.
- Si desarrollas interfaces de administración, evalúa los tokens semánticos y
ThemeProvider; si creas automatizaciones, revisa el ciclo de ejecución y la validación de la Abilities API. - Consulta las notas de la versión 7.1 y la guía de campo de WordPress 7.1 antes de desplegar cambios en producción.
Referencias / Fuentes
María García
Editora del equipo español, especialista en e-commerce y WooCommerce. Construir y optimizar tiendas online es mi perfil principal. Disfruto de las soluciones creativas.
Todas las publicaciones
