WordPress 7.1 «Mary Lou»: estilos responsivos, multimédia no navegador e novas APIs

O WordPress 7.1, com o nome de código «Mary Lou», está a concentrar-se no modo como trabalhas no painel, no editor e com outros utilizadores. A versão junta controlos de estilo responsivo, um editor de multimédia renovado, notas mais completas, dois blocos novos e várias alterações relevantes para quem desenvolve temas, plugins ou interfaces de administração.

Estilos responsivos diretamente no editor

O Editor do site passa a permitir definir o aspeto de um bloco para diferentes tamanhos de ecrã, quer através dos Estilos globais, quer nas definições de cada bloco. Estes controlos complementam as opções existentes para mostrar ou ocultar blocos, dispensando CSS personalizado em muitos layouts responsivos.

Enquanto estás a editar, podes pré-visualizar as alterações em vários tamanhos de viewport. Assim, torna-se mais simples confirmar que o layout se adapta à forma como o sítio é consultado em ecrãs distintos.

Uma barra de administração consistente

A barra de administração acompanha agora todos os editores, mantendo visíveis as ferramentas familiares e o contexto de navegação quando passas do painel para a edição de conteúdos ou do design do sítio. Recebe também pequenos ajustes visuais que tornam a experiência mais uniforme.

Edição de imagens num único fluxo

O botão Recortar mantém-se como ponto de entrada, mas abre agora um modal dedicado para editar imagens. Nesse espaço podes recortar livremente ou por proporção, inverter a imagem na horizontal ou na vertical, rodá-la com controlo preciso ou por incrementos predefinidos e editar os respetivos metadados.

Notas em linha para revisão colaborativa

As Notas deixam de estar limitadas ao nível do bloco. Podes associar uma nota a uma passagem específica de texto, manter várias conversas no mesmo bloco e recolher notas extensas para não sobrecarregar a margem do editor.

As Notas suportam agora texto rico: negrito, itálico, código e ligações. Ao escreveres @, podes mencionar um colaborador e notificá-lo, o que torna a revisão de conteúdos mais direta.

Processamento de multimédia no navegador

A compressão, o redimensionamento e a geração de miniaturas passam a decorrer no navegador. O processamento usa uma compilação WebAssembly do libvips, reduzindo a carga do servidor e ajudando a evitar limites de memória do PHP e timeouts em carregamentos de ficheiros grandes.

O WordPress 7.1 acrescenta suporte nativo para AVIF, HEIC e mapas de ganho HDR, formatos que câmaras e telemóveis modernos já produzem. A conversão opcional de GIF para vídeo gera habitualmente ficheiros menores; os indicadores de progresso e as repetições automáticas tornam os carregamentos mais resilientes quando a ligação falha.

Blocos e opções de apresentação novos

A versão introduz os blocos Playlist e Separadores, além de mais opções para controlar o comportamento e o estilo dos conteúdos.

Criar listas de reprodução

O bloco Playlist permite reunir várias faixas de áudio numa lista de reprodução. Pode incluir opcionalmente uma forma de onda, dando a quem ouve uma indicação visual de cada faixa durante a reprodução.

Definir breakpoints do tema

Os temas de blocos podem definir os próprios breakpoints para dispositivos móveis e tablets no theme.json. Estes valores substituem os valores predefinidos usados pelos estilos responsivos e pela visibilidade de blocos.

Organizar conteúdo em separadores

O bloco Separadores organiza informação relacionada em painéis, em vez de mostrar todo o conteúdo ao mesmo tempo. É uma opção para apresentar mais informação sem tornar a página visualmente densa.

Adicionar ícones personalizados

A biblioteca de ícones pode ser alargada com coleções próprias, que ficam disponíveis no editor juntamente com os ícones incluídos no WordPress. Esta capacidade serve, por exemplo, para disponibilizar uma linguagem visual específica de um projeto sem recorrer a um plugin adicional.

Estilizar estados interativos dos botões

Os blocos Botão passam a poder receber estilos distintos para os estados hover, focus e active nos controlos de estilo do editor. Podes aplicar estes estilos a um botão isolado ou a todos os botões.

Canvas do editor isolado do painel

O editor de artigos passa a estar totalmente dentro de um iframe para todos os temas, tal como já acontecia no Editor do site. O canvas de edição corre separadamente da interface de administração, evitando que os estilos do painel interfiram com o conteúdo.

As unidades relativas à viewport e as media queries passam a apontar diretamente para o canvas. Para layouts responsivos, isto torna o comportamento durante a edição mais previsível e consistente.

APIs e ferramentas para desenvolvimento

A SVG Icon API torna-se pública. Podes registar coleções e ícones próprios e usá-los no editor através de funções como wp_register_icon_collection(), wp_register_icon() e wp_get_icon().

A Abilities API expande a infraestrutura introduzida no WordPress 6.9 com um ciclo de execução filtrável, validação personalizada e descoberta partilhada. Estas adições facilitam a criação de integrações e automatizações sobre o WordPress, incluindo ferramentas baseadas em IA.

Um novo Design System oferece suporte base para aplicar temas a interfaces de administração: cor, arredondamento e estilos de cursor. Os programadores podem usar tokens de design semânticos e o componente React ThemeProvider para criar interfaces personalizadas mais coerentes com o restante WordPress.

Quem cria temas recebe estilos responsivos e pseudoestados hover, focus, focus-visible e active via theme.json. Há ainda novos filtros para configurar os ecrãs DataViews e DataForm que suportam as áreas Páginas, Modelos, Partes e Padrões do Editor do site.

Acessibilidade e navegação

As novas funções wp_get_tooltip() e wp_get_toggletip() levam tooltips acessíveis a mais zonas da administração, incluindo as meta boxes dos artigos e o ecrã de início de sessão. O suporte para leitores de ecrã também melhora nas interfaces de administração, com etiquetas mais claras e navegação mais previsível nas tabelas de lista de artigos.

Os blocos Separadores e Playlist, a par de melhorias na navegação e interação do editor, fazem parte do trabalho de acessibilidade incluído nesta versão. Estas alterações estão a tornar o WordPress mais fácil de navegar e utilizar para mais pessoas.

Biblioteca multimédia e carregamento especulativo

A Biblioteca multimédia usa scroll infinito por predefinição, embora cada utilizador possa voltar à paginação nas respetivas opções. Os valores predefinidos do carregamento especulativo podem agora ser definidos com variáveis de ambiente ou constantes, permitindo que alojamentos e proprietários de sítios configurem o prefetch de páginas sem escrever um plugin.

Como avançar com a atualização

Antes de atualizares um sítio de produção, confirma a compatibilidade dos temas e plugins e testa sobretudo os fluxos de multimédia, os estilos responsivos e qualquer interface de administração personalizada. Para detalhes de instalação, problemas corrigidos e alterações de ficheiros, consulta as notas de lançamento; para notas técnicas dirigidas ao desenvolvimento, abre o Field Guide do WordPress 7.1.