{"id":70191,"date":"2024-11-07T04:56:43","date_gmt":"2024-11-07T07:56:43","guid":{"rendered":"https:\/\/kinsta.com\/pt\/?p=70191&preview=true&preview_id=70191"},"modified":"2024-11-13T06:38:59","modified_gmt":"2024-11-13T09:38:59","slug":"wordpress-6-7","status":"publish","type":"post","link":"https:\/\/kinsta.com\/pt\/blog\/wordpress-6-7\/","title":{"rendered":"O Que h\u00e1 de Novo no WordPress 6.7: Modo Zoom Out, Meta boxes, API de Padr\u00f5es de Blocos e Muito Mais"},"content":{"rendered":"

O WordPress 6.7 est\u00e1 chegando<\/a> e \u00e9 hora de analisar os novos recursos, as altera\u00e7\u00f5es e os aprimoramentos que a nova vers\u00e3o reserva para n\u00f3s.<\/p>\n

Essa vers\u00e3o<\/a> inclui 87 aprimoramentos essenciais, solicita\u00e7\u00f5es de recursos e mais de 200 corre\u00e7\u00f5es de bugs.<\/p>\n

O WordPress 6.7 inclui oito vers\u00f5es do Gutenberg, da 18.6 at\u00e9 a 19.3. Nessa atualiza\u00e7\u00e3o, o editor de blocos recebe 445 melhorias, 464 corre\u00e7\u00f5es de bugs e 55 aprimoramentos de acessibilidade.<\/p>\n

Novas APIs poderosas para desenvolvedores s\u00e3o adicionadas ao n\u00facleo. A interface do editor recebe v\u00e1rias adi\u00e7\u00f5es e melhorias, incluindo ferramentas anteriormente acess\u00edveis apenas atrav\u00e9s de c\u00f3digo. Melhorias de usabilidade e novas ferramentas de design devem simplificar o processo de cria\u00e7\u00e3o.<\/p>\n

O WordPress 6.7 tamb\u00e9m apresenta um novo tema padr\u00e3o, o Twenty Twenty-Five<\/a>, que se beneficia dos recursos mais recentes inclu\u00eddos na nova vers\u00e3o.<\/p>\n

\n
\n
\n
\n
\n
\n
\n
\n
\n

Entre as diversas novas adi\u00e7\u00f5es e mudan\u00e7as que chegam com o WordPress 6.7, selecionamos algumas que consideramos mais interessantes para desenvolvedores e usu\u00e1rios. H\u00e1 muito a explorar, ent\u00e3o descubra as novidades.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/article>\n

<\/div><\/kinsta-auto-toc>\n

Modo Zoom Out<\/h2>\n

O WordPress 6.7 apresenta um novo modo Zoom Out<\/a> para ajudar voc\u00ea a criar e editar conte\u00fado com foco em padr\u00f5es em vez de blocos individuais. Isso permite que voc\u00ea trabalhe em um n\u00edvel mais alto e oferece uma vis\u00e3o geral da p\u00e1gina em constru\u00e7\u00e3o.<\/p>\n

As imagens a seguir mostram o novo recurso em a\u00e7\u00e3o. Um novo bot\u00e3o Toggle Zoom Out<\/strong> na barra de ferramentas superior permite que voc\u00ea ative e desative a visualiza\u00e7\u00e3o Zoom Out, permitindo que voc\u00ea trabalhe em padr\u00f5es ou blocos individuais alternativamente.<\/p>\n

\"Toggle
Toggle Zoom Out no WordPress 6.7.<\/figcaption><\/figure>\n
\"Toggle
Toggle Zoom Out no WordPress 6.7.<\/figcaption><\/figure>\n

Com o modo Zoom Out ativado, voc\u00ea pode executar v\u00e1rias a\u00e7\u00f5es no padr\u00e3o selecionado. A barra de ferramentas do bloco oferece controles para Arrastar<\/strong>, Mover para cima\/para baixo<\/strong> e Shuffle<\/strong>. A exibi\u00e7\u00e3o de lista fornece links para que voc\u00ea execute v\u00e1rias a\u00e7\u00f5es, como Editar<\/strong>, Duplicar<\/strong> e Excluir<\/strong> o padr\u00e3o selecionado.<\/p>\n

\"Padr\u00f5es
Padr\u00f5es de bloco na visualiza\u00e7\u00e3o de lista.<\/figcaption><\/figure>\n

Quando voc\u00ea trabalha com o Zoom Out ativado, o inseridor de blocos tem como padr\u00e3o a aba Patterns<\/a>. A visualiza\u00e7\u00e3o de lista tamb\u00e9m reflete o modo de edi\u00e7\u00e3o e exibe padr\u00f5es em vez de blocos.<\/p>\n

Para obter uma lista mais abrangente de recursos e altera\u00e7\u00f5es relacionadas ao modo Zoom Out, consulte o problema de itera\u00e7\u00e3o do modo Zoom Out<\/a> e as Notas do desenvolvedor para Zoom Out no WordPress 6.7<\/a>.<\/p>\n

Meta box no editor de artigos<\/h2>\n

Nas vers\u00f5es anteriores ao WordPress 6.7, as meta boxes impediam que o canvas do editor de artigos fosse carregado em um iframe. Isso limitava alguns benef\u00edcios, como o isolamento do CSS de blocos e temas em rela\u00e7\u00e3o \u00e0 interface do editor e a precis\u00e3o das unidades CSS relativas para media queries e viewport. Em resumo, essa limita\u00e7\u00e3o impedia o uso do mesmo CSS nas visualiza\u00e7\u00f5es do editor e do frontend.<\/p>\n

A partir do WordPress 6.7, o conte\u00fado do editor e as meta boxes podem coexistir na interface do editor. Gra\u00e7as a uma nova exibi\u00e7\u00e3o dividida<\/a>, a tela do editor de artigos \u00e9 carregada em um iframe mesmo quando o artigo\/p\u00e1gina atual tem uma ou mais meta box. De acordo com a nota do desenvolvedor<\/a>:<\/p>\n

Essa altera\u00e7\u00e3o garante uma experi\u00eancia WYSIWYG consistente entre o Editor e as visualiza\u00e7\u00f5es de frontend. Al\u00e9m disso, torna as meta boxes mais acess\u00edveis do que antes, permitindo fazer refer\u00eancia visual a qualquer parte do conte\u00fado da postagem enquanto se trabalha com uma meta box, e vice-versa.<\/p><\/blockquote>\n

\"Tela
Tela iframed com meta boxes no WordPress 6.7.<\/figcaption><\/figure>\n

Essa implementa\u00e7\u00e3o usa flex<\/code> para tornar a visualiza\u00e7\u00e3o do conte\u00fado e a \u00e1rea da meta box rol\u00e1veis.<\/p>\n

Esse aprimoramento tamb\u00e9m traz v\u00e1rias altera\u00e7\u00f5es \u00e0 interface do editor de artigos:<\/p>\n