WordPress 7.1: o tema passa a definir os breakpoints
A propriedade settings.viewport deixa o tema declarar seus próprios breakpoints. Junto vieram hover, focus e active editáveis no editor.
No WordPress 7.1 o tema passa a definir os breakpoints. Não é mais 782px porque sim: é o número que o projeto pedir, declarado no theme.json.
O que mudou
A propriedade nova se chama settings.viewport. Os padrões passam a ser 480px para mobile e 782px para tablet, e o valor tem de ser um comprimento não negativo em px, em ou rem.
Os estilos ficam aninhados sob as chaves @mobile e @tablet. O desktop continua sendo o estilo base, valendo em todas as larguras até alguém sobrescrever.
Junto veio outra coisa
Estados de estilo editáveis no editor: :hover, :focus, :focus-visible e :active. No 7.1 ainda só nos blocos Botão e Link de Navegação.
Dá para desligar os dois: responsiveEditingEnabled e blockStatesEditingEnabled em false.
Por que isso importa
Metade do CSS extra de um tema existia só para isso. O cliente pede “no celular deixa menor” e a resposta era um CSS avulso, fora do editor, que ninguém depois sabe onde mexer.
A ressalva de sempre
Configurar breakpoint é por site, não por bloco. Se um bloco específico precisa quebrar em outra largura, o CSS avulso continua sendo o caminho. E tema que já tem 400 linhas de media query não fica limpo sozinho.
Antes de atualizar, abra o theme.json e olhe o que já existe. Atualização de plataforma não é botão, é revisão.
Fonte: WordPress 7.1, lançado em 19 de agosto de 2026. developer.wordpress.org/news
Precisa disso no seu site?
A gente constrói site, sistema e loja para empresa que precisa de estrutura, não de vitrine.
Conversar sobre um projeto