Gutenberg 23.3: React 19, novo editor de mídia e dashboard customizável chegam ao WordPress
Quem acompanha o ciclo de desenvolvimento do WordPress sabe que o projeto Gutenberg avança em ritmo acelerado — a cada duas semanas uma nova versão é lançada, trazendo mudanças que vão desde pequenos ajustes de acessibilidade até saltos técnicos relevantes. A versão 23.3 é daquelas que merecem atenção especial: ela concentra atualizações que impactam diretamente a experiência de edição, a performance do painel e até a base tecnológica sobre a qual todo o editor é construído.
Editor de mídia modal agora é o padrão
Uma das mudanças mais visíveis para qualquer pessoa que cria conteúdo no WordPress é a chegada do novo editor de mídia baseado em modal como experiência padrão de recorte de imagens. Antes disponível apenas de forma experimental, a interface modal de edição de mídia agora é o caminho padrão para qualquer usuário.
Para donos de lojas virtuais, isso é uma boa notícia: o recorte e ajuste de imagens de produtos, banners e thumbnails ficam mais intuitivos, sem exigir que o usuário saia do fluxo de edição para realizar ajustes visuais básicos. Quem já perdeu tempo tentando encaixar a imagem de um produto no quadrado certo vai entender o valor dessa melhoria.
Dashboard customizável ganha cinco novos widgets
Outro destaque do Gutenberg 23.3 é o avanço do dashboard customizável do WordPress — ainda em caráter experimental, mas evoluindo rapidamente. Nesta versão, cinco novos widgets foram adicionados à interface, além de melhorias significativas no polimento do layout geral.
A ideia por trás dessa iniciativa é permitir que administradores de sites e lojas montem um painel de controle personalizado, com as informações mais relevantes para o seu negócio logo na tela inicial. Para uma loja WooCommerce, por exemplo, isso pode significar ter indicadores de pedidos, estoque ou desempenho à vista assim que você faz login — sem precisar navegar por vários menus.
Ainda é cedo para depender dessa funcionalidade em produção, mas vale ficar de olho: a tendência é que ela se torne estável nos próximos ciclos de lançamento.
A grande virada técnica: React 19
Por baixo dos panos, o Gutenberg 23.3 marca a migração do editor para o React 19. Para quem não é desenvolvedor, React é a biblioteca JavaScript responsável por fazer toda a interface do editor funcionar de forma dinâmica e responsiva.
Essa atualização é relevante por alguns motivos:
- Performance: O React 19 traz melhorias de renderização que, na prática, podem tornar o editor mais rápido e fluido, especialmente em páginas com muitos blocos.
- Manutenção a longo prazo: Estar na versão mais recente de uma dependência crítica significa menos dívida técnica e mais compatibilidade com o ecossistema moderno de desenvolvimento.
- Impacto em plugins e temas: Desenvolvedores que criam blocos customizados ou extensões para o editor precisam estar atentos à compatibilidade com React 19. Algumas APIs antigas podem ter comportamentos diferentes.
Para agências como a TMW, que desenvolvem soluções customizadas em WooCommerce, esse é um ponto de atenção: vale revisar blocos e extensões proprietárias para garantir que se comportam corretamente nessa nova base.
Estilos responsivos por instância de bloco
Uma funcionalidade que vai fazer a cabeça dos desenvolvedores de temas e page builders é a expansão dos estilos responsivos para instâncias individuais de blocos. Até então, as regras de responsividade tendiam a ser aplicadas de forma mais global. Agora, é possível definir comportamentos visuais específicos para cada bloco conforme o tamanho de tela.
Na prática, isso significa mais controle sobre como cada seção da sua loja se comporta no mobile — algo crítico no Brasil, onde a maioria dos acessos a e-commerces acontece pelo celular. Ajustar a exibição de um carrossel de produtos ou de um banner promocional para diferentes dispositivos diretamente no editor visual é um ganho real de produtividade.
Colaboração em tempo real mais estável e editor mais rápido
O Gutenberg 23.3 também traz correções de confiabilidade para o recurso de colaboração em tempo real — útil para equipes que editam o mesmo conteúdo simultaneamente — e uma cobertura maior de preload para o editor de posts, o que resulta em carregamentos mais rápidos do painel de edição.
Além disso, o bloco de Notas (Notes) passou a suportar múltiplas threads de discussão, facilitando revisões colaborativas diretamente no editor.
Acessibilidade e design tokens
Por fim, melhorias de acessibilidade foram aplicadas na interface de Revisões, e o componente DataViews — usado em listagens como a de pedidos e produtos — passou a adotar os design tokens do pacote @wordpress/theme, garantindo maior consistência visual entre diferentes partes do painel.
O que fazer agora?
Se você mantém uma loja WooCommerce ou um site WordPress em produção, as recomendações práticas são:
- Teste o Gutenberg 23.3 em um ambiente de staging antes de atualizar em produção.
- Se você ou sua agência desenvolveu blocos customizados, valide a compatibilidade com React 19.
- Fique de olho na evolução do dashboard customizável — vale já pensar em quais métricas fariam sentido ter à vista no seu painel.
- Explore os novos controles de responsividade por bloco para otimizar a experiência mobile da sua loja.
O WordPress segue evoluindo em velocidade considerável, e acompanhar essas mudanças de perto é parte essencial de manter uma loja competitiva. Se precisar de suporte para atualizar, testar ou customizar sua loja com as novidades do Gutenberg, a equipe da TMW está à disposição.
Perguntas frequentes
O novo editor de mídia modal do Gutenberg 23.3 já funciona para imagens de produtos no WooCommerce?
Sim. O editor modal de recorte de imagens agora é o padrão para todos os usuários, incluindo quem edita produtos no WooCommerce. Isso significa que ajustar thumbnails, banners e imagens de produtos acontece direto no fluxo de edição, sem abrir telas separadas. Para ativar, basta estar com o Gutenberg 23.3 instalado — não há configuração adicional.
O dashboard customizável com os novos widgets já pode ser usado em lojas WooCommerce em produção?
Ainda não é recomendado para produção — o recurso segue em caráter experimental no Gutenberg 23.3. Os cinco novos widgets adicionados nesta versão mostram que a evolução é rápida, mas a estabilidade para ambientes de loja deve chegar nos próximos ciclos de lançamento. Vale ativar em ambiente de staging para já se familiarizar com a funcionalidade.
A migração para o React 19 pode quebrar plugins ou blocos customizados que uso na minha loja?
Pode, sim — especialmente plugins que criam blocos Gutenberg customizados ou extensões para o editor, pois algumas APIs do React sofreram mudanças de comportamento na versão 19. O caminho seguro é testar em staging antes de atualizar o Gutenberg em produção e verificar com os fornecedores dos seus plugins se já há versões compatíveis com React 19. Plugins maiores do ecossistema WooCommerce tendem a se atualizar rápido, mas extensões menores ou desenvolvimentos sob medida exigem atenção.
Com o React 19 no Gutenberg 23.3, o editor de páginas e produtos da minha loja vai ficar mais rápido?
A tendência é que sim. O React 19 traz melhorias de renderização que reduzem o trabalho do navegador, o que se traduz em editor mais fluido especialmente em páginas com muitos blocos — algo comum em landing pages de produtos ou páginas de categoria montadas no Gutenberg. O ganho real depende do hardware do usuário e da complexidade da página, mas é uma evolução consistente, não apenas incremental.
Com que frequência o Gutenberg lança versões novas e preciso ficar atualizando minha loja toda vez?
O Gutenberg segue um ciclo de lançamento a cada duas semanas. Não é necessário atualizar a cada versão em produção — o ideal é acompanhar as releases, testar em staging e atualizar quando houver recursos relevantes para a sua operação ou correções de segurança. Para lojas WooCommerce em produção, uma cadência mensal de atualização supervisionada já é suficiente na maioria dos casos.
