{"id":61338,"date":"2023-08-10T06:57:02","date_gmt":"2023-08-10T09:57:02","guid":{"rendered":"https:\/\/kinqsta.com\/pt\/?p=61338&#038;preview=true&#038;preview_id=61338"},"modified":"2023-08-22T06:01:51","modified_gmt":"2023-08-22T09:01:51","slug":"wordpress-6-3","status":"publish","type":"post","link":"https:\/\/kinqsta.com\/pt\/blog\/wordpress-6-3\/","title":{"rendered":"O Que H\u00e1 de Novo no WordPress 6.3: Um Editor de Site Repaginado, uma Nova Paleta de Comandos, Revis\u00f5es de Estilo, Novos Blocos e Muito Mais!"},"content":{"rendered":"<p><strong>O WordPress 6.3 &#8220;Lionel&#8221; j\u00e1 est\u00e1 dispon\u00edvel! <\/strong>Esta \u00e9 a <a href=\"https:\/\/wordpress.org\/news\/2023\/08\/lionel\/\">vers\u00e3o principal final<\/a> da <a href=\"https:\/\/make.wordpress.org\/core\/2023\/02\/04\/phase-2-finale\/\">Fase 2<\/a> do roteiro do WordPress.<\/p>\n<p>Durante a segunda fase, o desenvolvimento se concentrou principalmente no Editor de sites, aprimorando sua funcionalidade e aprimorando a interface e a usabilidade.<\/p>\n<p>Agora, os criadores de sites podem projetar layouts e gerenciar conte\u00fado na mesma interface, sem precisar alternar entre \u00e1reas de administra\u00e7\u00e3o diferentes e sem escrever uma \u00fanica linha de c\u00f3digo.<\/p>\n<p>Com o WordPress 6.3, 10 vers\u00f5es do plugin Gutenberg foram incorporadas ao n\u00facleo, e se voc\u00ea n\u00e3o usa o Gutenberg em seu site, ver\u00e1 muitas mudan\u00e7as na interface do Editor de Site.<\/p>\n<p>Com o WordPress 6.3, a experi\u00eancia de edi\u00e7\u00e3o foi <a href=\"https:\/\/make.wordpress.org\/core\/2023\/05\/22\/core-editor-improvement-smoother-site-editing\/\" target=\"_blank\" rel=\"noopener noreferrer\">significativamente aprimorada<\/a>. V\u00e1rias mudan\u00e7as t\u00e9cnicas afetaram o Editor de Site, resultando em uma nova forma de explorar temas de bloco e usar o pr\u00f3prio Editor de Site. Navega\u00e7\u00e3o aprimorada, modo sem distra\u00e7\u00f5es, pr\u00e9-visualiza\u00e7\u00f5es de temas de bloco, revis\u00f5es de estilo e template, uma nova Paleta de Comandos e muito mais.<\/p>\n<p>H\u00e1 muito a dizer sobre o WordPress 6.3. Portanto, n\u00e3o espere mais e vamos descobrir o que h\u00e1 de novo com a vers\u00e3o final da Fase 2.<\/p>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc>\n<p><strong>Confira nosso <a href=\"https:\/\/www.youtube.com\/watch?v=Y2e7l6TujcM\" target=\"_blank\" rel=\"noopener noreferrer\">guia em v\u00eddeo sobre o WordPress 6.3<\/a>:<\/strong><\/p>\n<kinsta-video src=\"https:\/\/www.youtube.com\/watch?v=Y2e7l6TujcM\"><\/kinsta-video>\n<h2>Navega\u00e7\u00e3o aprimorada no editor de sites<\/h2>\n<p>Com o WordPress 6.3, a <a href=\"https:\/\/make.wordpress.org\/core\/2023\/02\/24\/whats-new-in-gutenberg-15-2-22-february\/#enhancements-to-navigation-in-the-site-editor\" target=\"_blank\" rel=\"noopener noreferrer\">navega\u00e7\u00e3o do Editor de Sites foi significativamente aprimorada<\/a> com a adi\u00e7\u00e3o de novos pontos de entrada para diferentes \u00e1reas do editor. Antes da vers\u00e3o 6.3, essas se\u00e7\u00f5es de administra\u00e7\u00e3o podiam ser acessadas a partir de pontos de acesso localizados em diferentes menus e telas de administra\u00e7\u00e3o. O resultado dessas altera\u00e7\u00f5es \u00e9 uma experi\u00eancia de edi\u00e7\u00e3o mais f\u00e1cil e consistente.<\/p>\n<p>A imagem a seguir compara o menu de navega\u00e7\u00e3o do editor no WordPress 6.2 e 6.3.<\/p>\n<figure id=\"attachment_158439\" aria-describedby=\"caption-attachment-158439\" style=\"width: 1420px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-158439 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2023\/07\/wp-6-2-vs-6-3-design.jpg\" alt=\"Navega\u00e7\u00e3o do editor de sites no WordPress 6.2 e 6.3.\" width=\"1420\" height=\"884\"><figcaption id=\"caption-attachment-158439\" class=\"wp-caption-text\">Navega\u00e7\u00e3o do editor de sites no WordPress 6.2 e 6.3.<\/figcaption><\/figure>\n<p>A primeira coisa que voc\u00ea notar\u00e1 na imagem acima s\u00e3o os dois bot\u00f5es exibidos no canto superior direito da barra lateral do editor. O bot\u00e3o <strong>View site<\/strong> aparece ao passar o mouse e fornece acesso r\u00e1pido ao frontend do seu site WordPress. Essa \u00e9 uma adi\u00e7\u00e3o pequena, mas \u00fatil, que permite acessar rapidamente as p\u00e1ginas do site, independentemente de onde voc\u00ea esteja no editor de sites quando o menu Navega\u00e7\u00e3o estiver aberto.<\/p>\n<p>O bot\u00e3o <strong>Open command palette<\/strong>\u00a0(o \u00edcone de lente) fornece acesso a <a href=\"https:\/\/developer.wordpress.org\/news\/2023\/07\/whats-new-for-developers-july-2023\/#command-palette\" target=\"_blank\" rel=\"noopener noreferrer\">um novo recurso do WordPress 6.3<\/a>, o <strong>Command Palette<\/strong>\u00a0(mais sobre isso <a href=\"#the-command-palette\">abaixo<\/a>).<\/p>\n<figure id=\"attachment_157544\" aria-describedby=\"caption-attachment-157544\" style=\"width: 1306px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-157544 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2023\/06\/view-site-open-command-center.jpg\" alt=\"Bot\u00f5es Exibir site e Abrir paleta de comandos no Editor de sites.\" width=\"1306\" height=\"532\"><figcaption id=\"caption-attachment-157544\" class=\"wp-caption-text\">Bot\u00f5es Exibir site e Abrir paleta de comandos no Editor de sites.<\/figcaption><\/figure>\n<p>A nova navega\u00e7\u00e3o do editor inclui os seguintes itens.<\/p>\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"5\" sub-toc=\"true\"><\/kinsta-auto-toc>\n<h3><strong>Navigation <\/strong><\/h3>\n<p>Depois que voc\u00ea criar um menu de navega\u00e7\u00e3o, ele aparecer\u00e1 no menu <strong>Navigation (Navega\u00e7\u00e3o)<\/strong> do Editor de Site. Aqui, voc\u00ea pode mover os itens do menu para cima ou para baixo ou exclu\u00ed-los de um menu suspenso. Voc\u00ea tamb\u00e9m pode arrastar e soltar itens para organizar a ordem do menu.<\/p>\n<figure id=\"attachment_157546\" aria-describedby=\"caption-attachment-157546\" style=\"width: 1790px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-157546 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2023\/06\/navigation-menus.jpg\" alt=\"Menus de navega\u00e7\u00e3o no Editor de Site.\" width=\"1790\" height=\"888\"><figcaption id=\"caption-attachment-157546\" class=\"wp-caption-text\">Menus de navega\u00e7\u00e3o no Editor de Site.<\/figcaption><\/figure>\n<p>Clicando em um item do menu, voc\u00ea ser\u00e1 levado aos detalhes da p\u00e1gina. Aqui voc\u00ea tamb\u00e9m pode editar o conte\u00fado e o layout da p\u00e1gina (veja abaixo).<\/p>\n<h3><strong>Styles <\/strong><\/h3>\n<p>No menu <strong>Styles (Estilos)<\/strong>, voc\u00ea pode acessar <a href=\"https:\/\/make.wordpress.org\/core\/2023\/04\/19\/whats-new-in-gutenberg-15-6-19-april\/#style-variations-in-browse-mode\" target=\"_blank\" rel=\"noopener noreferrer\">varia\u00e7\u00f5es de estilo no modo de navega\u00e7\u00e3o<\/a>. Aqui, voc\u00ea pode visualizar os estilos dispon\u00edveis, aplicar um deles e fazer suas personaliza\u00e7\u00f5es.<\/p>\n<figure id=\"attachment_158442\" aria-describedby=\"caption-attachment-158442\" style=\"width: 2350px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-158442 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2023\/07\/wp-63-styles.jpg\" alt=\"Menu Estilos no WordPress 6.3.\" width=\"2350\" height=\"1356\"><figcaption id=\"caption-attachment-158442\" class=\"wp-caption-text\">Menu Estilos no WordPress 6.3.<\/figcaption><\/figure>\n<p>O \u00edcone de olho abre o <strong>Style Book<\/strong>, um <a href=\"https:\/\/kinqsta.com\/pt\/blog\/wordpress-6-2\/#style-book\">recurso introduzido na vers\u00e3o 6.2<\/a> que fornece uma visualiza\u00e7\u00e3o dos blocos dispon\u00edveis com os diferentes estilos aplicados sem que voc\u00ea saia da interface do editor.<\/p>\n<figure id=\"attachment_158454\" aria-describedby=\"caption-attachment-158454\" style=\"width: 2350px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-158454 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2023\/07\/wp-63-style-book.jpg\" alt=\"Voc\u00ea pode acessar facilmente o Livro de estilos no painel Estilos do editor de site.\" width=\"2350\" height=\"1356\"><figcaption id=\"caption-attachment-158454\" class=\"wp-caption-text\">Voc\u00ea pode acessar facilmente o Livro de estilos no painel Estilos do editor de site.<\/figcaption><\/figure>\n<h3><strong>Pages <\/strong><\/h3>\n<p>O item de menu <strong>Pages (P\u00e1ginas)<\/strong> d\u00e1 a voc\u00ea <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/50463\" target=\"_blank\" rel=\"noopener noreferrer\">acesso \u00e0s 10 \u00faltimas p\u00e1ginas atualizadas do site<\/a>, al\u00e9m de v\u00e1rios recursos de edi\u00e7\u00e3o. Nessa se\u00e7\u00e3o, voc\u00ea pode <a href=\"https:\/\/make.wordpress.org\/core\/2023\/06\/14\/whats-new-in-gutenberg-16-0-14-june\/\" target=\"_blank\" rel=\"noopener noreferrer\">criar novas p\u00e1ginas<\/a>, editar o conte\u00fado e o layout das p\u00e1ginas existentes, acessar os detalhes da p\u00e1gina e muito mais.<\/p>\n<p>A adi\u00e7\u00e3o mais interessante aqui \u00e9 que agora voc\u00ea pode <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/50565\" target=\"_blank\" rel=\"noopener noreferrer\">criar novas p\u00e1ginas<\/a> sem sair da interface do editor.<\/p>\n<p>Quando voc\u00ea clica no \u00edcone <strong>+<\/strong> no painel <strong>Navega\u00e7\u00e3o<\/strong>, um novo modal no meio da p\u00e1gina permite que voc\u00ea defina um t\u00edtulo para a nova p\u00e1gina, mostrando tamb\u00e9m uma dica de ferramenta com sugest\u00f5es para o seu t\u00edtulo.<\/p>\n<figure id=\"attachment_158443\" aria-describedby=\"caption-attachment-158443\" style=\"width: 2350px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-158443 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2023\/07\/wp-63-draft-new-page.jpg\" alt=\"Rascunho de uma nova p\u00e1gina no WordPress 6.3\" width=\"2350\" height=\"1356\"><figcaption id=\"caption-attachment-158443\" class=\"wp-caption-text\">Rascunho de uma nova p\u00e1gina no WordPress 6.3<\/figcaption><\/figure>\n<p>Ao clicar em <strong>Create draft<\/strong> <strong>(Criar rascunho)<\/strong>, voc\u00ea \u00e9 redirecionado para o editor de artigos com uma nova p\u00e1gina carregada.<\/p>\n<p>Em <strong>Pages<\/strong>, voc\u00ea tamb\u00e9m pode <a href=\"https:\/\/make.wordpress.org\/core\/2023\/05\/20\/whats-new-in-gutenberg-15-8-may-17\/#add-the-pages-menu-to-the-site-editor-50463\" target=\"_blank\" rel=\"noopener noreferrer\">editar o conte\u00fado da p\u00e1gina diretamente no Editor de site<\/a>.<\/p>\n<figure id=\"attachment_158445\" aria-describedby=\"caption-attachment-158445\" style=\"width: 2350px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-158445 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2023\/07\/wp-63-pages.jpg\" alt=\"Menu P\u00e1ginas no WordPress 6.3.\" width=\"2350\" height=\"1356\"><figcaption id=\"caption-attachment-158445\" class=\"wp-caption-text\">Menu P\u00e1ginas no WordPress 6.3.<\/figcaption><\/figure>\n<p><strong>Agora voc\u00ea pode editar o conte\u00fado e o estilo da p\u00e1gina no mesmo local<\/strong>. Isso proporciona a voc\u00ea maior controle sobre todos os aspectos da p\u00e1gina e deve melhorar significativamente a experi\u00eancia de edi\u00e7\u00e3o.<\/p>\n<p>No modo de edi\u00e7\u00e3o, voc\u00ea pode <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/50857\" target=\"_blank\" rel=\"noopener noreferrer\">alternar facilmente<\/a> entre o editor de p\u00e1ginas e o editor de templates. Isso deve evitar qualquer confus\u00e3o sobre o que voc\u00ea est\u00e1 editando e permite que voc\u00ea determine se as altera\u00e7\u00f5es devem afetar apenas a p\u00e1gina atual ou se tamb\u00e9m se aplicam \u00e0s outras p\u00e1ginas que est\u00e3o usando o mesmo template.<\/p>\n<p>A mesma tela tamb\u00e9m exibe os <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/50767\" target=\"_blank\" rel=\"noopener noreferrer\">detalhes da p\u00e1gina<\/a>.<\/p>\n<figure id=\"attachment_158713\" aria-describedby=\"caption-attachment-158713\" style=\"width: 2926px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-158713 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2023\/07\/wp-63-page-details.jpg\" alt=\"Detalhes da p\u00e1gina no Site Editor.\" width=\"2926\" height=\"1826\"><figcaption id=\"caption-attachment-158713\" class=\"wp-caption-text\">Detalhes da p\u00e1gina no Site Editor.<\/figcaption><\/figure>\n<p>Os detalhes atualmente incluem:<\/p>\n<ul>\n<li>Status<\/li>\n<li>Slug<\/li>\n<li>Template<\/li>\n<li>Parent (Principal)<\/li>\n<li>Palavras<\/li>\n<li>Tempo para ler<\/li>\n<li>\u00daltima modifica\u00e7\u00e3o<\/li>\n<\/ul>\n<h3>Templates<\/h3>\n<p>Aqui voc\u00ea pode acessar os templates de p\u00e1gina. A estrutura da tela <strong>Templates<\/strong> n\u00e3o mudou muito. No entanto, com o WordPress 6.3, quando voc\u00ea cria um novo template, uma <a href=\"https:\/\/make.wordpress.org\/core\/2023\/02\/24\/whats-new-in-gutenberg-15-2-22-february\/#enhancements-to-navigation-in-the-site-editor\" target=\"_blank\" rel=\"noopener noreferrer\">nova sobreposi\u00e7\u00e3o modal<\/a> oferece uma lista de p\u00e1ginas para voc\u00ea escolher para o seu template.<\/p>\n<figure id=\"attachment_158449\" aria-describedby=\"caption-attachment-158449\" style=\"width: 2350px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-158449 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2023\/07\/wp-63-add-template.jpg\" alt=\"Um novo modal oferece uma lista de p\u00e1ginas padr\u00e3o para voc\u00ea escolher ao criar um novo template.\" width=\"2350\" height=\"1356\"><figcaption id=\"caption-attachment-158449\" class=\"wp-caption-text\">Um novo modal oferece uma lista de p\u00e1ginas padr\u00e3o para voc\u00ea escolher ao criar um novo template.<\/figcaption><\/figure>\n<p>Como segunda passo, um novo modal oferece uma lista de padr\u00f5es de blocos que voc\u00ea pode usar para criar seu template.<\/p>\n<figure id=\"attachment_158695\" aria-describedby=\"caption-attachment-158695\" style=\"width: 2118px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-158695 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2023\/07\/wp-63-choose-a-pattern.jpg\" alt=\"Escolha um padr\u00e3o no processo de cria\u00e7\u00e3o do template.\" width=\"2118\" height=\"1442\"><figcaption id=\"caption-attachment-158695\" class=\"wp-caption-text\">Escolha um padr\u00e3o no processo de cria\u00e7\u00e3o do template.<\/figcaption><\/figure>\n<h3>Patterns<\/h3>\n<p>Chamada de Library (Biblioteca) <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/52102\" target=\"_blank\" rel=\"noopener noreferrer\">em uma itera\u00e7\u00e3o anterior<\/a>, a se\u00e7\u00e3o de administra\u00e7\u00e3o <strong>Patterns (Padr\u00f5es)<\/strong> reflete uma s\u00e9rie de altera\u00e7\u00f5es not\u00e1veis que envolvem o sistema de padr\u00f5es de blocos. Estas n\u00e3o s\u00e3o apenas altera\u00e7\u00f5es na interface do usu\u00e1rio. \u00c9 uma revis\u00e3o completa de toda a arquitetura de padr\u00f5es de blocos.<\/p>\n<figure id=\"attachment_158715\" aria-describedby=\"caption-attachment-158715\" style=\"width: 2324px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-158715 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2023\/07\/wp-63-my-patterns-1.jpg\" alt=\"Tela de padr\u00f5es no WordPress 6.3.\" width=\"2324\" height=\"1002\"><figcaption id=\"caption-attachment-158715\" class=\"wp-caption-text\">Tela de padr\u00f5es no WordPress 6.3.<\/figcaption><\/figure>\n<p>Na se\u00e7\u00e3o de administra\u00e7\u00e3o de <strong>Patterns<\/strong>, voc\u00ea poder\u00e1 gerenciar partes e padr\u00f5es de templates. Aqui voc\u00ea encontrar\u00e1 um menu que lhe d\u00e1 acesso \u00e0s partes do template e aos padr\u00f5es de bloco divididos por categoria. Um \u00edcone de cadeado identifica os padr\u00f5es de tema que <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/51990\" target=\"_blank\" rel=\"noopener noreferrer\">n\u00e3o podem ser modificados pelo usu\u00e1rio<\/a>.<\/p>\n<figure id=\"attachment_158696\" aria-describedby=\"caption-attachment-158696\" style=\"width: 1824px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-158696 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2023\/07\/wp-63-patterns-admin-section.jpg\" alt=\"Partes de templates e padr\u00f5es de temas na nova se\u00e7\u00e3o Padr\u00f5es do Site Editor.\" width=\"1824\" height=\"1640\"><figcaption id=\"caption-attachment-158696\" class=\"wp-caption-text\">Partes de templates e padr\u00f5es de temas na nova se\u00e7\u00e3o Padr\u00f5es do Site Editor.<\/figcaption><\/figure>\n<p>Nessa se\u00e7\u00e3o, voc\u00ea pode criar novas partes de template e padr\u00f5es de bloco personalizados e gerenci\u00e1-los juntamente com os padr\u00f5es do seu tema.<\/p>\n<figure id=\"attachment_158697\" aria-describedby=\"caption-attachment-158697\" style=\"width: 1330px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-158697 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2023\/07\/wp-63-create-template-part-and-pattern.jpg\" alt=\"Como criar novas partes de templates e padr\u00f5es de bloco no WordPress 6.3\" width=\"1330\" height=\"1066\"><figcaption id=\"caption-attachment-158697\" class=\"wp-caption-text\">Como criar novas partes de templates e padr\u00f5es de bloco no WordPress 6.3<\/figcaption><\/figure>\n<p>Quando voc\u00ea clica no bot\u00e3o <strong>Create pattern<\/strong>, um novo pop-up modal permite que voc\u00ea atribua um nome ao seu padr\u00e3o e defina o tipo de padr\u00e3o que vai criar, <strong>synced<\/strong>\u00a0ou <strong>not synced<\/strong>.<\/p>\n<figure id=\"attachment_158698\" aria-describedby=\"caption-attachment-158698\" style=\"width: 1934px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-158698 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2023\/07\/wp-63-create-synced-pattern.jpg\" alt=\"Criando um padr\u00e3o sincronizado no WordPress 6.3\" width=\"1934\" height=\"1290\"><figcaption id=\"caption-attachment-158698\" class=\"wp-caption-text\">Criando um padr\u00e3o sincronizado no WordPress 6.3<\/figcaption><\/figure>\n<p>Ap\u00f3s criar pelo menos um padr\u00e3o de bloco personalizado, voc\u00ea poder\u00e1 acess\u00e1-lo em <strong>My patterns (Meus padr\u00f5es)<\/strong>, que aparecer\u00e1 na parte superior do menu <strong>Patterns (Padr\u00f5es)<\/strong>.<\/p>\n<figure id=\"attachment_158699\" aria-describedby=\"caption-attachment-158699\" style=\"width: 2324px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-158699 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2023\/07\/wp-63-my-patterns.jpg\" alt=\"Meus padr\u00f5es no WordPress 6.3\" width=\"2324\" height=\"1002\"><figcaption id=\"caption-attachment-158699\" class=\"wp-caption-text\">Meus padr\u00f5es no WordPress 6.3<\/figcaption><\/figure>\n<p>Voc\u00ea pode selecionar seu padr\u00e3o de bloco e acessar um novo painel onde poder\u00e1 ver os detalhes do padr\u00e3o. Ao mover a al\u00e7a para a direita ou para a esquerda, voc\u00ea pode visualizar o padr\u00e3o em diferentes resolu\u00e7\u00f5es e verificar sua capacidade de resposta.<\/p>\n<p>A se\u00e7\u00e3o <strong>Details (Detalhes)<\/strong> exibe o <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/51954\" target=\"_blank\" rel=\"noopener noreferrer\">status de sincroniza\u00e7\u00e3o do padr\u00e3o atual<\/a>.<\/p>\n<figure id=\"attachment_158700\" aria-describedby=\"caption-attachment-158700\" style=\"width: 2324px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-158700 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2023\/07\/wp-63-custom-block-pattern-preview.jpg\" alt=\"Visualiza\u00e7\u00e3o de um padr\u00e3o de bloco personalizado no WordPress 6.3.\" width=\"2324\" height=\"1458\"><figcaption id=\"caption-attachment-158700\" class=\"wp-caption-text\">Visualiza\u00e7\u00e3o de um padr\u00e3o de bloco personalizado no WordPress 6.3.<\/figcaption><\/figure>\n<p>Na parte inferior do menu Padr\u00f5es, voc\u00ea tamb\u00e9m encontrar\u00e1 alguns links: <strong>Manage all template parts<\/strong>\u00a0e <strong>Manage all of my patterns<\/strong>. Esses links fornecem acesso direto \u00e0s partes do template e aos padr\u00f5es personalizados.<\/p>\n<p>Isso \u00e9 sobre a nova interface de administra\u00e7\u00e3o de padr\u00f5es no Editor de Site. Agora vamos descobrir o que muda na estrutura e na funcionalidade do <a href=\"https:\/\/kinqsta.com\/pt\/blog\/padroes-de-bloco-wordpress\/\">sistema de padr\u00f5es de blocos<\/a>.<\/p>\n<h2>Um novo sistema de padr\u00f5es de blocos<\/h2>\n<p>A partir do WordPress 6.3 (e do <a href=\"https:\/\/make.wordpress.org\/core\/2023\/06\/29\/whats-new-in-gutenberg-16-1-29-june\/#your-templates-and-patterns-your-library\" target=\"_blank\" rel=\"noopener noreferrer\">Gutenberg 16.1<\/a>):<\/p>\n<ul>\n<li><strong>Os blocos reutiliz\u00e1veis<\/strong> foram renomeados para <strong>padr\u00f5es sincronizados<\/strong>,<\/li>\n<li>os padr\u00f5es de blocos regulares agora s\u00e3o denominados <strong>Padr\u00e3o n\u00e3o sincronizado<\/strong>,<\/li>\n<li>o tipo de artigo personalizada <code>wp_block<\/code> foi ampliado para oferecer suporte a campos personalizados e um novo campo de metadados <code>wp_block_sync_status<\/code> foi adicionado para armazenar o status de sincroniza\u00e7\u00e3o de um padr\u00e3o,<\/li>\n<li>uma propriedade <code>source<\/code> foi adicionada ao esquema de padr\u00f5es de bloco e \u00e0 resposta para distinguir os padr\u00f5es de n\u00facleo e de usu\u00e1rio,<\/li>\n<li>a API REST foi ampliada com um novo atributo<\/li>\n<\/ul>\n<figure id=\"attachment_158701\" aria-describedby=\"caption-attachment-158701\" style=\"width: 1594px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-158701\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2023\/07\/wp-block-sync-status.png\" alt=\"wp-block-sync-status\" width=\"1594\" height=\"54\"><figcaption id=\"caption-attachment-158701\" class=\"wp-caption-text\">O campo de metadados <code>wp_block_sync_status<\/code> \u00e9 usado para armazenar o status de sincroniza\u00e7\u00e3o de um padr\u00e3o de bloco.<\/figcaption><\/figure>\n<p>Agora est\u00e1 mais claro que <strong>todas as altera\u00e7\u00f5es feitas em um padr\u00e3o sincronizado ser\u00e3o aplicadas a todas as ocorr\u00eancias desse bloco em todo o seu site<\/strong>.<\/p>\n<p>Por outro lado, <strong>as altera\u00e7\u00f5es feitas em um padr\u00e3o de bloco n\u00e3o sincronizado afetar\u00e3o somente aquela inst\u00e2ncia espec\u00edfica do padr\u00e3o<\/strong> e n\u00e3o ser\u00e3o aplicadas a nenhuma outra inst\u00e2ncia que voc\u00ea possa ter adicionado a outros artigos ou p\u00e1ginas do seu site.<\/p>\n<p>Gra\u00e7as ao novo sistema de gerenciamento de padr\u00f5es, agora voc\u00ea pode criar padr\u00f5es de blocos sincronizados e n\u00e3o sincronizados diretamente no editor de sites ou artigos, onde antes s\u00f3 era poss\u00edvel criar <a href=\"https:\/\/kinqsta.com\/pt\/blog\/padroes-de-bloco-wordpress\/#reusable-blocks\">blocos reutiliz\u00e1veis<\/a> (agora <strong>padr\u00f5es sincronizados<\/strong>).<\/p>\n<p>Para experimentar esse novo recurso no editor de artigos, abra o painel do WordPress e v\u00e1 para <strong>Posts<\/strong> -&gt; <strong>Add New<\/strong>. L\u00e1, crie um novo grupo de blocos ou simplesmente selecione os blocos que voc\u00ea deseja adicionar ao seu padr\u00e3o de blocos. Em seguida, selecione <strong>Create pattern\/reusable block<\/strong>\u00a0no menu pop-up da barra de ferramentas de blocos.<\/p>\n<figure id=\"attachment_158702\" aria-describedby=\"caption-attachment-158702\" style=\"width: 1370px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-158702 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2023\/07\/wp-63-create-pattern-reusable-block.jpg\" alt=\"Criar padr\u00e3o\/bloco reutiliz\u00e1vel no editor de artigos.\" width=\"1370\" height=\"1152\"><figcaption id=\"caption-attachment-158702\" class=\"wp-caption-text\">Criar padr\u00e3o\/bloco reutiliz\u00e1vel no editor de artigos.<\/figcaption><\/figure>\n<p>Al\u00e9m disso, no editor de sites, um bot\u00e3o <strong>Create pattern<\/strong> permite que voc\u00ea crie um novo template ou padr\u00e3o de template.<\/p>\n<figure id=\"attachment_158703\" aria-describedby=\"caption-attachment-158703\" style=\"width: 1940px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-158703 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2023\/07\/wp-63-create-new-pattern.jpg\" alt=\"Criar um novo padr\u00e3o no editor de sites.\" width=\"1940\" height=\"722\"><figcaption id=\"caption-attachment-158703\" class=\"wp-caption-text\">Criar um novo padr\u00e3o no editor de sites.<\/figcaption><\/figure>\n<p>Ao clicar em <strong>Create template part<\/strong>, uma modal\/pop-up \u00e9 aberta para que voc\u00ea possa adicionar um nome para sua parte de template e a \u00e1rea da p\u00e1gina para a qual a parte do template \u00e9 destinada.<\/p>\n<figure id=\"attachment_158704\" aria-describedby=\"caption-attachment-158704\" style=\"width: 1934px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-158704 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2023\/07\/wp-63-create-template-part.jpg\" alt=\"Criando parte do template no editor de site.\" width=\"1934\" height=\"1434\"><figcaption id=\"caption-attachment-158704\" class=\"wp-caption-text\">Criando parte do template no editor de site.<\/figcaption><\/figure>\n<p>Quando voc\u00ea clica em <strong>Create template part<\/strong>, uma janela modal\/pop-up diferente permite que voc\u00ea defina um nome para o seu padr\u00e3o e escolha se deseja criar um padr\u00e3o sincronizado ou n\u00e3o sincronizado.<\/p>\n<figure id=\"attachment_158705\" aria-describedby=\"caption-attachment-158705\" style=\"width: 1934px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-158705 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2023\/07\/wp-63-create-pattern-2.jpg\" alt=\"Criando padr\u00e3o no editor de sites.\" width=\"1934\" height=\"1438\"><figcaption id=\"caption-attachment-158705\" class=\"wp-caption-text\">Criando padr\u00e3o no editor de sites.<\/figcaption><\/figure>\n<p>Confirme e crie seu padr\u00e3o ou parte do template no editor de site.<\/p>\n<figure id=\"attachment_158706\" aria-describedby=\"caption-attachment-158706\" style=\"width: 2120px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-158706 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2023\/07\/wp-63-building-a-pattern.jpg\" alt=\"Criando um padr\u00e3o de bloco no Editor de Site.\" width=\"2120\" height=\"866\"><figcaption id=\"caption-attachment-158706\" class=\"wp-caption-text\">Criando um padr\u00e3o de bloco no Editor de Site.<\/figcaption><\/figure>\n<p>Quando voc\u00ea estiver satisfeito com suas edi\u00e7\u00f5es, salve o padr\u00e3o de bloco e volte ao Editor de Site. Abra a se\u00e7\u00e3o <strong>Patterns (Padr\u00f5es)<\/strong> e clique em <strong>Manage all of my patterns<\/strong>. A tela <strong>Patterns<\/strong> mostrar\u00e1 o novo padr\u00e3o de bloco personalizado que voc\u00ea criou.<\/p>\n<figure id=\"attachment_158707\" aria-describedby=\"caption-attachment-158707\" style=\"width: 2120px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-158707 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2023\/07\/wp-63-patterns-screen.jpg\" alt=\"A tela Padr\u00f5es no WordPress 6.3\" width=\"2120\" height=\"950\"><figcaption id=\"caption-attachment-158707\" class=\"wp-caption-text\">A tela Padr\u00f5es no WordPress 6.3<\/figcaption><\/figure>\n<p>Os padr\u00f5es de bloco tamb\u00e9m aproveitam os controles de propor\u00e7\u00e3o de aspecto do bloco Imagem. Agora, se voc\u00ea definir uma propor\u00e7\u00e3o de aspecto para uma imagem, ela ser\u00e1 preservada quando voc\u00ea trocar a imagem por outra de dimens\u00f5es diferentes. Isso ser\u00e1 <a href=\"https:\/\/make.wordpress.org\/core\/2023\/07\/13\/core-editor-improvement-advancing-the-power-of-patterns\/\" target=\"_blank\" rel=\"noopener noreferrer\">particularmente \u00fatil com padr\u00f5es de bloco<\/a>, pois voc\u00ea n\u00e3o precisar\u00e1 mais se preocupar com as dimens\u00f5es da imagem ao substituir imagens em padr\u00f5es de bloco.<\/p>\n<figure id=\"attachment_159324\" aria-describedby=\"caption-attachment-159324\" style=\"width: 2200px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-159324 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2023\/07\/wp-63-img-aspect-ratio-control.jpg\" alt=\"O controle de propor\u00e7\u00e3o de aspecto do bloco de imagem\" width=\"2200\" height=\"1224\"><figcaption id=\"caption-attachment-159324\" class=\"wp-caption-text\">O controle de propor\u00e7\u00e3o de aspecto do bloco de imagem<\/figcaption><\/figure>\n<p>Para obter uma vis\u00e3o geral mais detalhada das altera\u00e7\u00f5es feitas no sistema de padr\u00e3o de bloco, consulte os PRs <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/51078\" target=\"_blank\" rel=\"noopener noreferrer\"> n\u00ba 51078<\/a>, <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/51144\" target=\"_blank\" rel=\"noopener noreferrer\"> n\u00ba 51144<\/a> e <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/50028\" target=\"_blank\" rel=\"noopener noreferrer\"> n\u00ba 50028<\/a>.<\/p>\n<h2>Revis\u00f5es de estilo expostas no Editor de Site<\/h2>\n<p>O Editor de Site agora apresenta um hist\u00f3rico de revis\u00f5es que permite que voc\u00ea navegue pelas altera\u00e7\u00f5es e escolha uma para restaurar.<\/p>\n<p>Para acessar o hist\u00f3rico de revis\u00f5es, clique no novo bot\u00e3o <strong>Revisions<\/strong>\u00a0no painel de Estilos.<\/p>\n<figure id=\"attachment_159326\" aria-describedby=\"caption-attachment-159326\" style=\"width: 2230px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-159326 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2023\/07\/wp-63-revisions.jpg\" alt=\"Acesse o hist\u00f3rico de revis\u00f5es no WordPress 6.3.\" width=\"2230\" height=\"1300\"><figcaption id=\"caption-attachment-159326\" class=\"wp-caption-text\">Acesse o hist\u00f3rico de revis\u00f5es no WordPress 6.3.<\/figcaption><\/figure>\n<p>Esse painel fornece uma lista de revis\u00f5es em uma linha do tempo. Tamb\u00e9m fornece o nome do autor de cada revis\u00e3o e a data e a hora de cada revis\u00e3o em uma dica de ferramenta. Voc\u00ea pode visualizar todas as revis\u00f5es e escolher a que deseja restaurar.<\/p>\n<figure id=\"attachment_159327\" aria-describedby=\"caption-attachment-159327\" style=\"width: 2230px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-159327 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2023\/07\/wp-63-revision-history.jpg\" alt=\"Revis\u00f5es de estilo no WordPress 6.3\" width=\"2230\" height=\"1302\"><figcaption id=\"caption-attachment-159327\" class=\"wp-caption-text\">Revis\u00f5es de estilo no WordPress 6.3<\/figcaption><\/figure>\n<p>Voc\u00ea pode <a href=\"https:\/\/make.wordpress.org\/core\/2023\/05\/20\/whats-new-in-gutenberg-15-8-may-17\/#add-revisions-ui-50089\" target=\"_blank\" rel=\"noopener noreferrer\">navegar pelas revis\u00f5es<\/a> na interface Global Styles, visualizar e restaurar seu conte\u00fado a qualquer momento.<\/p>\n<p>O desenvolvimento das revis\u00f5es n\u00e3o termina aqui. \u00c0 medida que avan\u00e7amos para a Fase 3, as revis\u00f5es devem ser afetadas por novas adi\u00e7\u00f5es e aprimoramentos que devem melhorar ainda mais sua usabilidade e desbloquear novos recursos.<\/p>\n<h2>A paleta de comandos<\/h2>\n<p>A <a href=\"https:\/\/make.wordpress.org\/core\/2023\/05\/31\/whats-new-in-gutenberg-15-9-31-may\/#command-tool\">Paleta de Comandos<\/a> \u00e9 uma nova funcionalidade que permite executar a\u00e7\u00f5es frequentemente utilizadas, como saltar para outras p\u00e1ginas ou templates no editor, usando comandos.<\/p>\n<p>No Editor de Site, clique no \u00edcone de lente ou pressione <code>cmd + k<\/code> (<code>ctrl + k<\/code> no Windows e no Linux). Isso abre a <strong>Paleta de Comandos<\/strong>.<\/p>\n<p>Quando voc\u00ea come\u00e7a a digitar um comando, a Paleta de Comandos sugere uma variedade de comandos para voc\u00ea escolher. Isso proporciona uma maneira r\u00e1pida de voc\u00ea executar tarefas ou acessar \u00e1reas espec\u00edficas do Editor de Site.<\/p>\n<figure id=\"attachment_158315\" aria-describedby=\"caption-attachment-158315\" style=\"width: 1968px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-158315 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2023\/07\/command-center-p.jpg\" alt=\"A Paleta de Comandos no WordPress 6.3.\" width=\"1968\" height=\"1286\"><figcaption id=\"caption-attachment-158315\" class=\"wp-caption-text\">A Paleta de Comandos no WordPress 6.3.<\/figcaption><\/figure>\n<p>A <a href=\"https:\/\/make.wordpress.org\/core\/2023\/05\/17\/command-center-request-for-feedback\/\">primeira implementa\u00e7\u00e3o<\/a> desta funcionalidade traz um recurso de pesquisa r\u00e1pida e algumas a\u00e7\u00f5es, como navegar no editor do site, <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/48457\">criar um novo artigo\/p\u00e1gina<\/a>, alternar elementos da interface, redefinir ou excluir um template, ou parte de um template, e ainda mais. Mais comandos devem ser adicionados em <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/50407\">futuras itera\u00e7\u00f5es<\/a>.<\/p>\n<p>A nova ferramenta desbloqueia uma infinidade de casos de uso. Por exemplo, a paleta de comandos pode ser necess\u00e1ria para exibir op\u00e7\u00f5es de design para artigos ou p\u00e1ginas espec\u00edficas.<\/p>\n<p>Voc\u00ea tamb\u00e9m pode registrar seus pr\u00f3prios comandos gra\u00e7as \u00e0 nova <a href=\"https:\/\/make.wordpress.org\/core\/2023\/07\/17\/introducing-the-wordpress-command-palette-api\/\">API da Paleta de Comandos<\/a> para renderizar, registrar e cancelar o registro de comandos.<\/p>\n<p>Existem diferentes maneiras de registrar comandos, dependendo do <a href=\"https:\/\/make.wordpress.org\/core\/2023\/05\/17\/command-center-request-for-feedback\/\">tipo de comando<\/a> que voc\u00ea est\u00e1 registrando.<\/p>\n<ul>\n<li><strong>Comandos est\u00e1ticos:<\/strong> Os desenvolvedores podem registrar comandos est\u00e1ticos personalizados usando a a\u00e7\u00e3o <code>wp.data.dispatch( wp.commands.store ).registerCommand<\/code> ou o hook React <code>wp.data.useCommand<\/code>.<\/li>\n<li><strong>Comandos din\u00e2micos:<\/strong> Esses comandos s\u00e3o inclu\u00eddos na lista de comandos dependendo do termo de pesquisa inserido pelo usu\u00e1rio no campo de entrada da paleta de comandos ou quando um comando s\u00f3 est\u00e1 dispon\u00edvel quando algumas condi\u00e7\u00f5es s\u00e3o atendidas.<\/li>\n<li><strong>Comandos contextuais:<\/strong> Esses comandos t\u00eam prioridade em contextos espec\u00edficos, o que significa que eles aparecem automaticamente no contexto certo (por exemplo, quando voc\u00ea est\u00e1 editando um template). Os comandos <strong>Reset template<\/strong> e <strong>Reset template<\/strong>\u00a0s\u00e3o exemplos de comandos contextuais. No momento, dois contextos foram implementados:\n<ul>\n<li><strong>site-editor:<\/strong> Esse contexto \u00e9 definido quando voc\u00ea est\u00e1 navegando no editor de site.<\/li>\n<li><strong>site-editor-edit:<\/strong> esse contexto \u00e9 definido quando voc\u00ea est\u00e1 editando algo (template, parte do template ou p\u00e1gina) no editor<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p>Voc\u00ea pode obter a <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/51169\" target=\"_blank\" rel=\"noopener noreferrer\">lista dos comandos dispon\u00edveis<\/a> executando <code>wp.data.select( wp.commands.store ).getCommands()<\/code> no console do navegador.<\/p>\n<figure id=\"attachment_159079\" aria-describedby=\"caption-attachment-159079\" style=\"width: 2416px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-159079 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2023\/07\/wp-63-get-commands.jpg\" alt=\"Listagem de comandos no WordPress 6.3\" width=\"2416\" height=\"1246\"><figcaption id=\"caption-attachment-159079\" class=\"wp-caption-text\">Listagem de comandos no WordPress 6.3<\/figcaption><\/figure>\n<p>Inicialmente dispon\u00edvel nos editores de Artigos e de Site, a Paleta de Comandos dever\u00e1 ser estendida para todo o painel de controle no futuro.<\/p>\n<p>Para uma pr\u00e9via destinada aos desenvolvedores da Paleta de Comandos, confira a <a href=\"https:\/\/make.wordpress.org\/core\/2023\/05\/17\/command-center-request-for-feedback\/\" target=\"_blank\" rel=\"noopener noreferrer\">Solicita\u00e7\u00e3o para callback<\/a>.<\/p>\n<h2>Recursos adicionais e melhorias para o Editor de Site<\/h2>\n<p>Al\u00e9m dos recursos e melhorias discutidos nas se\u00e7\u00f5es anteriores, o WordPress 6.3 nos traz:<\/p>\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"4\" sub-toc=\"true\"><\/kinsta-auto-toc>\n<h3>Visualiza\u00e7\u00e3o do tema no Editor de site<\/h3>\n<p>A partir da vers\u00e3o 6.3, um novo par\u00e2metro <code>theme_preview<\/code> permite que cada tema de bloco seja carregado no Editor de Site e visualizado antes da ativa\u00e7\u00e3o.<\/p>\n<figure id=\"attachment_159075\" aria-describedby=\"caption-attachment-159075\" style=\"width: 2414px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-159075 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2023\/07\/wp-63-theme-preview.jpg\" alt=\"Pr\u00e9-visualiza\u00e7\u00e3o do tema TT1 Blocks no Editor de Site.\" width=\"2414\" height=\"1364\"><figcaption id=\"caption-attachment-159075\" class=\"wp-caption-text\">Pr\u00e9-visualiza\u00e7\u00e3o do tema TT1 Blocks no Editor de Site.<\/figcaption><\/figure>\n<p>Para visualizar um tema de bloco, navegue at\u00e9 a tela <strong>Appearance<\/strong> &gt; <strong>Themes<\/strong> (<strong>Appearance<\/strong>\u00a0&gt; <strong>Temas<\/strong>) e passe o mouse sobre qualquer tema de bloco. Voc\u00ea ver\u00e1 um bot\u00e3o <strong>Live Preview<\/strong> acima de cada tema de bloco. Basta clicar nesse bot\u00e3o para iniciar a visualiza\u00e7\u00e3o do tema no Editor de Site. Para temas que n\u00e3o sejam de bloco, o bot\u00e3o <strong>Live Preview<\/strong> inicia o Customizador de temas.<\/p>\n<h3>Melhorias no estado de carregamento<\/h3>\n<p>Com o WordPress 6.3, o estado de carregamento do editor foi aprimorado para evitar que o usu\u00e1rio interaja com o editor antes que ele seja totalmente carregado.<\/p>\n<figure id=\"attachment_157550\" aria-describedby=\"caption-attachment-157550\" style=\"width: 2166px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-157550 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2023\/06\/loading-site-editor.jpg\" alt=\"Agora, o usu\u00e1rio n\u00e3o pode interagir com o editor at\u00e9 que o carregamento seja conclu\u00eddo.\" width=\"2166\" height=\"1356\"><figcaption id=\"caption-attachment-157550\" class=\"wp-caption-text\">Agora, o usu\u00e1rio n\u00e3o pode interagir com o editor at\u00e9 que o carregamento seja conclu\u00eddo.<\/figcaption><\/figure>\n<h3>Modo livre de distra\u00e7\u00f5es<\/h3>\n<p>O WordPress 6.3 introduziu um <a href=\"https:\/\/make.wordpress.org\/core\/2023\/06\/29\/whats-new-in-gutenberg-16-1-29-june\/#create-your-site-without-distraction\" target=\"_blank\" rel=\"noopener noreferrer\">modo de edi\u00e7\u00e3o <strong>sem distra\u00e7\u00f5es<\/strong><\/a> no editor de site. Esse \u00e9 o mesmo recurso dispon\u00edvel no editor de artigos <a href=\"https:\/\/kinqsta.com\/pt\/blog\/wordpress-6-2\/#distraction-free-mode\">desde o WordPress 6.2<\/a>.<\/p>\n<figure id=\"attachment_159311\" aria-describedby=\"caption-attachment-159311\" style=\"width: 2232px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-159311 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2023\/07\/wp-63-distraction-free-mode.jpg\" alt=\"Modo livre de distra\u00e7\u00f5es no editor de site.\" width=\"2232\" height=\"890\"><figcaption id=\"caption-attachment-159311\" class=\"wp-caption-text\">Modo livre de distra\u00e7\u00f5es no editor de site.<\/figcaption><\/figure>\n<p>Voc\u00ea pode ativar esse recurso no painel de op\u00e7\u00f5es do editor de site. Quando o modo Sem Distra\u00e7\u00e3o \u00e9 ativado, as barras laterais e as barras de ferramentas desaparecem, deixando voc\u00ea livre para se concentrar em suas edi\u00e7\u00f5es.<\/p>\n<h3>Melhorias adicionais na interface do usu\u00e1rio<\/h3>\n<ul>\n<li>Um novo componente <code>&lt;ViewLink&gt;<\/code> agora exibe um bot\u00e3o para abrir qualquer tipo de artigo publicado em uma nova janela. Esse \u00e9 um recurso pequeno, mas \u00fatil, que permite que voc\u00ea visualize o tipo de artigo atual sem precisar procurar o link na barra lateral de configura\u00e7\u00f5es (PR <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/50260\" target=\"_blank\" rel=\"noopener noreferrer\">#50260<\/a>).<\/li>\n<li>As descri\u00e7\u00f5es dos templates <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/22\/whats-new-in-gutenberg-15-4-22-march\/#updated-template-descriptions\" target=\"_blank\" rel=\"noopener noreferrer\">foram aprimoradas<\/a> para explicar melhor o que cada template faz exatamente. Isso deve ajudar os usu\u00e1rios a escolher o template certo para personalizar no Editor de Site.<\/li>\n<li>Anteriormente, as configura\u00e7\u00f5es do filtro Duotone estavam dispon\u00edveis apenas na barra de ferramentas de blocos. Com a vers\u00e3o 6.3, os controles do Duotone agora est\u00e3o dispon\u00edveis na barra lateral de configura\u00e7\u00f5es (PR <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/49838\" target=\"_blank\" rel=\"noopener noreferrer\">#49838<\/a>).<\/li>\n<li>Antes do WordPress 6.3, as fontes grandes n\u00e3o eram suficientemente dimensionadas em telas pequenas. Agora, a tipografia fluida \u00e9 dimensionada sem problemas gra\u00e7as a um fator de escala logar\u00edtmica usado para calcular um tamanho m\u00ednimo de fonte para telas pequenas (PR <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/49707\" target=\"_blank\" rel=\"noopener noreferrer\">#49707<\/a>).<\/li>\n<\/ul>\n<h2>Novos blocos e ferramentas de design aprimoradas<\/h2>\n<p>O WordPress 6.3 tamb\u00e9m oferece dois blocos \u00fateis que devem deixar muitos redatores de conte\u00fado felizes.<\/p>\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"5\" sub-toc=\"true\"><\/kinsta-auto-toc>\n<h3>Novo bloco de notas de rodap\u00e9 (Footnotes)<\/h3>\n<p>O WordPress 6.3 tamb\u00e9m nos traz um <strong>bloco de Notas de Rodap\u00e9 (Footnotes)<\/strong> super \u00fatil.<\/p>\n<figure id=\"attachment_159092\" aria-describedby=\"caption-attachment-159092\" style=\"width: 980px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-159092 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2023\/07\/wp-63-add-footnote.jpg\" alt=\"Adicionando uma nota de rodap\u00e9 a um bloco de texto.\" width=\"980\" height=\"863\"><figcaption id=\"caption-attachment-159092\" class=\"wp-caption-text\">Adicionando uma nota de rodap\u00e9 a um bloco de texto.<\/figcaption><\/figure>\n<p>Com <a href=\"https:\/\/make.wordpress.org\/core\/2023\/06\/29\/whats-new-in-gutenberg-16-1-29-june\/#text-blocks-now-with-footnotes\" target=\"_blank\" rel=\"noopener noreferrer\">essa excelente adi\u00e7\u00e3o<\/a>, voc\u00ea pode adicionar uma nota de rodap\u00e9 para um bloco de texto (par\u00e1grafo, t\u00edtulo e listas) com apenas alguns cliques. Posicione o cursor onde voc\u00ea deseja adicionar o link e clique no bot\u00e3o <strong>Footnote<\/strong>\u00a0dispon\u00edvel no menu de contexto do bloco. Isso far\u00e1 com que voc\u00ea adicione uma nota de rodap\u00e9 na parte inferior da p\u00e1gina.<\/p>\n<figure id=\"attachment_159090\" aria-describedby=\"caption-attachment-159090\" style=\"width: 1878px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-159090 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2023\/07\/wp-63-footnotes-block.jpg\" alt=\"O bloco de Notas de rodap\u00e9 no WordPress 6.3.\" width=\"1878\" height=\"782\"><figcaption id=\"caption-attachment-159090\" class=\"wp-caption-text\">O bloco de Notas de rodap\u00e9 no WordPress 6.3.<\/figcaption><\/figure>\n<p>O bloco de Notas de Rodap\u00e9 (Footnotes) adiciona, remove e reorganiza automaticamente suas notas de rodap\u00e9 enquanto voc\u00ea edita seu texto, e isso \u00e9 extremamente \u00fatil, especialmente em artigos de formato longo.<\/p>\n<h3>Novo bloco de detalhes (Details)<\/h3>\n<p>Agora voc\u00ea pode ocultar um parte de conte\u00fado at\u00e9 que o leitor esteja pronto para ler suas perguntas frequentes (FAQ), assistir ao seu v\u00eddeo ou ouvir seu \u00f3timo podcast, gra\u00e7as ao novo <a href=\"https:\/\/make.wordpress.org\/core\/2023\/04\/19\/whats-new-in-gutenberg-15-6-19-april\/#details-block-experimental\">bloco de Detalhes<\/a> (Details).<\/p>\n<figure id=\"attachment_159224\" aria-describedby=\"caption-attachment-159224\" style=\"width: 1396px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-159224 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2023\/07\/wp-63-details-block.png\" alt=\"Um bloco Details vazio com resumo e conte\u00fado oculto.\" width=\"1396\" height=\"382\"><figcaption id=\"caption-attachment-159224\" class=\"wp-caption-text\">Um bloco Details vazio com resumo e conte\u00fado oculto.<\/figcaption><\/figure>\n<p>O novo bloco consiste em dois elementos separados: resumo e conte\u00fado oculto. Por padr\u00e3o, o conte\u00fado est\u00e1 oculto, mas voc\u00ea pode alterar a configura\u00e7\u00e3o na barra lateral de configura\u00e7\u00f5es do bloco.<\/p>\n<figure id=\"attachment_159495\" aria-describedby=\"caption-attachment-159495\" style=\"width: 2230px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-159495 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2023\/07\/wp-63-details-block-open.jpg\" alt=\"Um bloco Details com resumo e conte\u00fado de v\u00eddeo.\" width=\"2230\" height=\"1228\"><figcaption id=\"caption-attachment-159495\" class=\"wp-caption-text\">Um bloco Details com resumo e conte\u00fado de v\u00eddeo.<\/figcaption><\/figure>\n<p>O bloco usa um elemento <code>details<\/code> com um rich text <code>summary<\/code> e um <code>div<\/code> contendo o elemento oculto (consulte tamb\u00e9m o PR <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/45055\" target=\"_blank\" rel=\"noopener noreferrer\">#45055<\/a>).<\/p>\n<h3>Melhorias no bloco de capa (Cover)<\/h3>\n<p>O bloco de capa foi aprimorado com <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/22\/whats-new-in-gutenberg-15-4-22-march\/#color-and-layout-support-for-cover-block\" target=\"_blank\" rel=\"noopener noreferrer\">alguns recursos de design<\/a> que facilitam o uso e abrem mais possibilidades de personaliza\u00e7\u00e3o.<\/p>\n<p>O bloco de capa agora \u00e9 compat\u00edvel com a <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/41572\" target=\"_blank\" rel=\"noopener noreferrer\">ferramenta de design de cores de texto<\/a>. Gra\u00e7as a essa inclus\u00e3o, os usu\u00e1rios e autores de temas podem alterar a cor para todos os blocos internos simplesmente configurando a cor do texto no Bloco de Capa. Al\u00e9m disso, facilita lidar com transforma\u00e7\u00f5es do Bloco de M\u00eddia e Texto, pois as cores do texto agora s\u00e3o transmitidas suavemente para os blocos resultantes.<\/p>\n<figure id=\"attachment_159312\" aria-describedby=\"caption-attachment-159312\" style=\"width: 2016px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-159312 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2023\/07\/wp-63-cover-block-text-color.jpg\" alt=\"O bloco de capa (Cover) agora \u00e9 compat\u00edvel com a ferramenta de design de cores de texto.\" width=\"2016\" height=\"1278\"><figcaption id=\"caption-attachment-159312\" class=\"wp-caption-text\">O bloco de capa (Cover) agora \u00e9 compat\u00edvel com a ferramenta de design de cores de texto.<\/figcaption><\/figure>\n<p>Outra inclus\u00e3o ao bloco de Capa no WordPress 6.3 \u00e9 o <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/41153\">suporte para todas as ferramentas de design relacionadas a bordas<\/a>. Essa adi\u00e7\u00e3o deve diminuir a necessidade de estiliza\u00e7\u00e3o personalizada para o bloco.<\/p>\n<figure id=\"attachment_159313\" aria-describedby=\"caption-attachment-159313\" style=\"width: 2014px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-159313 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2023\/07\/wp-63-cover-block-border-controls.jpg\" alt=\"Controles de borda para o Cover Block.\" width=\"2014\" height=\"1276\"><figcaption id=\"caption-attachment-159313\" class=\"wp-caption-text\">Controles de borda para o Cover Block.<\/figcaption><\/figure>\n<p>O WordPress 6.3 tamb\u00e9m adiciona suporte para <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/45326\" target=\"_blank\" rel=\"noopener noreferrer\">layout restrito\/fluxo<\/a> ao bloco de capa, que agora pode ser tratado como no bloco de Grupo. Essa altera\u00e7\u00e3o acrescenta consist\u00eancia ao manuseio do layout e, sem d\u00favida, deve facilitar tanto para os usu\u00e1rios quanto para os desenvolvedores de temas para personalizarem suas configura\u00e7\u00f5es.<\/p>\n<figure id=\"attachment_159314\" aria-describedby=\"caption-attachment-159314\" style=\"width: 2014px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-159314 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2023\/07\/wp-63-cover-block-layout-settings.jpg\" alt=\"Configura\u00e7\u00f5es de layout para o bloco capa (Cover).\" width=\"2014\" height=\"1060\"><figcaption id=\"caption-attachment-159314\" class=\"wp-caption-text\">Configura\u00e7\u00f5es de layout para o bloco capa (Cover).<\/figcaption><\/figure>\n<p>No entanto, os desenvolvedores de temas devem fazer alguns testes em seus temas existentes, pois o sistema de layout do bloco pode substituir as implementa\u00e7\u00f5es personalizadas.<\/p>\n<h3>Filtro Duotone aprimorado<\/h3>\n<p><a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/13\/whats-new-in-gutenberg-15-3-13-march\/#leveling-up-duotone\" target=\"_blank\" rel=\"noopener noreferrer\">Algumas altera\u00e7\u00f5es<\/a> aprimoram a maneira como usamos o Filtro Duotone.<\/p>\n<p>Primeiro, agora voc\u00ea pode definir um filtro de tom duplo globalmente no painel Estilo do Editor de Site. Anteriormente, voc\u00ea s\u00f3 podia aplicar filtros de tom duplo globalmente a partir do <em>theme.json<\/em>.<\/p>\n<figure id=\"attachment_159315\" aria-describedby=\"caption-attachment-159315\" style=\"width: 2012px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-159315 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2023\/07\/wp-63-duotone-filter.jpg\" alt=\"Aplicando o filtro de dois tons no painel Estilo do Editor de Site.\" width=\"2012\" height=\"1036\"><figcaption id=\"caption-attachment-159315\" class=\"wp-caption-text\">Aplicando o filtro de dois tons no painel Estilo do Editor de Site.<\/figcaption><\/figure>\n<p>Isso \u00e9 poss\u00edvel porque os valores de tom duplo agora s\u00e3o definidos usando slugs de cor em vez de valores de cor. Isso tamb\u00e9m significa que voc\u00ea pode definir os valores de tom duplo uma vez e aplic\u00e1-los independentemente do tema atual ou da varia\u00e7\u00e3o do tema, desde que ele use o mesmo slug.<\/p>\n<p>Por fim, para aqueles que s\u00e3o mais experientes em tecnologia, os estilos duotones agora s\u00e3o gerados usando o <a href=\"https:\/\/developer.wordpress.org\/block-editor\/reference-guides\/packages\/packages-style-engine\/\" target=\"_blank\" rel=\"noopener noreferrer\">mecanismo de estilo do WordPress<\/a> e s\u00e3o armazenados com suporte a <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/48281\" target=\"_blank\" rel=\"noopener noreferrer\">blocos CSS<\/a> em vez de serem incorporados.<\/p>\n<h3>Melhorias adicionais<\/h3>\n<ul>\n<li>O bloco <strong>Button<\/strong> agora suporta a cor, o estilo e a largura da borda (PR <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/44574\" target=\"_blank\" rel=\"noopener noreferrer\">#44574<\/a>)<\/li>\n<li>Controle de <strong>Excerpt length<\/strong>\u00a0adicionado ao bloco Post Excerpt (PR <a>#44964<\/a>)<\/li>\n<li>Agora voc\u00ea pode controlar a rela\u00e7\u00e3o de aspecto do bloco <strong>Post Featured Image<\/strong> (PR <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/47854\" target=\"_blank\" rel=\"noopener noreferrer\">#47854<\/a>)<\/li>\n<li>A interface Global Styles agora inclui controles de cor e tipografia para o elemento Caption (PR <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/49141\" target=\"_blank\" rel=\"noopener noreferrer\">#49141<\/a>)<\/li>\n<li>Uma varia\u00e7\u00e3o do <strong>Post Modified Date<\/strong> foi adicionada ao bloco Post Date. \u00c9 \u00fatil se voc\u00ea quiser adicionar rapidamente a <a href=\"https:\/\/kinqsta.com\/pt\/blog\/data-atualizada-em-artigos-e-paginas-wordpress\/\">data de modifica\u00e7\u00e3o do artigo<\/a> em vez da data de publica\u00e7\u00e3o (PR <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/49111\" target=\"_blank\" rel=\"noopener noreferrer\">#49111<\/a>)<\/li>\n<li>Agora \u00e9 poss\u00edvel substituir a Logo do Site a partir da barra lateral (PR <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/49992\" target=\"_blank\" rel=\"noopener noreferrer\">#49992<\/a>)<\/li>\n<\/ul>\n<h2>Aprimoramentos de desempenho e altera\u00e7\u00f5es para desenvolvedores<\/h2>\n<p>O WordPress 6.3 tamb\u00e9m traz muitas altera\u00e7\u00f5es e novos recursos destinados a melhorar o desempenho do site e os fluxos de trabalho do desenvolvedor. Entre as muitas adi\u00e7\u00f5es, escolhemos as seguintes:<\/p>\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"5\" sub-toc=\"true\"><\/kinsta-auto-toc>\n<h3>Descontinua\u00e7\u00e3o do suporte ao PHP 5<\/h3>\n<p>A partir do WordPress 6.3, voc\u00ea <a href=\"https:\/\/make.wordpress.org\/core\/2023\/07\/05\/dropping-support-for-php-5\/\" target=\"_blank\" rel=\"noopener noreferrer\">n\u00e3o ter\u00e1 mais suporte ao PHP 5<\/a>. A nova vers\u00e3o m\u00ednima suportada ser\u00e1 o PHP 7.0.0. A <a href=\"https:\/\/wordpress.org\/about\/requirements\/\" target=\"_blank\" rel=\"noopener noreferrer\">vers\u00e3o recomendada do PHP<\/a> \u00e9 a 7.4 ou superior. 7.a vers\u00e3o 4 tamb\u00e9m \u00e9 a mais usada em <a href=\"https:\/\/wordpress.org\/about\/stats\/\" target=\"_blank\" rel=\"noopener noreferrer\">50,8% dos sites do WordPress<\/a>.<\/p>\n<figure id=\"attachment_159350\" aria-describedby=\"caption-attachment-159350\" style=\"width: 1030px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-159350 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2023\/07\/wordpress-stats.png\" alt=\"Vers\u00f5es do PHP usadas em sites existentes do WordPress em julho de 2023 \" width=\"1030\" height=\"1004\"><figcaption id=\"caption-attachment-159350\" class=\"wp-caption-text\">Vers\u00f5es do PHP usadas em sites existentes do WordPress em julho de 2023 (Fonte da imagem: <a href=\"https:\/\/wordpress.org\/about\/stats\/\" target=\"_blank\" rel=\"noopener noreferrer\">WordPress.org<\/a>).<\/figcaption><\/figure>\n<p>Isso \u00e9 importante n\u00e3o apenas para os desenvolvedores, mas para todos os usu\u00e1rios do WordPress, pois melhora a seguran\u00e7a e o desempenho do seu site.<\/p>\n<p>Essa tamb\u00e9m \u00e9 a raz\u00e3o pela qual a hospedagem da Kinsta s\u00f3 permite <a href=\"https:\/\/kinqsta.com\/pt\/blog\/versoes-do-php\/\">vers\u00f5es suportadas<\/a> do PHP. Executamos regularmente nossos <a href=\"https:\/\/kinqsta.com\/pt\/blog\/benchmarks-definitivos-do-php\/\">benchmarks de desempenho<\/a> das vers\u00f5es suportadas do PHP para verificar as melhorias de desempenho que v\u00eam com as vers\u00f5es mais recentes.<\/p>\n<figure id=\"attachment_159351\" aria-describedby=\"caption-attachment-159351\" style=\"width: 2288px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-159351 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2023\/07\/supported-php-versions-july-2023.png\" alt=\"Vers\u00f5es PHP suportadas a partir de julho de 2023\" width=\"2288\" height=\"1528\"><figcaption id=\"caption-attachment-159351\" class=\"wp-caption-text\">Vers\u00f5es PHP suportadas a partir de julho de 2023 (Fonte da imagem: <a href=\"https:\/\/www.php.net\/supported-versions.php\" target=\"_blank\" rel=\"noopener noreferrer\">PHP.net<\/a>).<\/figcaption><\/figure>\n<h3>Melhorias de desempenho no carregamento de imagens<\/h3>\n<p>A partir do WordPress 6.3, o atributo <code>fetchpriority<\/code> com um valor de <code>\"high\"<\/code> \u00e9 atribu\u00eddo \u00e0 imagem para determinar se ela \u00e9 a imagem LCP (Largest Contentful Pain), enquanto o <a href=\"https:\/\/web.dev\/lcp\/#what-is-lcp\" target=\"_blank\" rel=\"noopener noreferrer\">Largest Contentful Pain<\/a> \u00e9 uma m\u00e9trica que informa o tempo de renderiza\u00e7\u00e3o do maior elemento dentro da janela de visualiza\u00e7\u00e3o.<\/p>\n<p>O atributo <code>fetchpriority<\/code> instrui o navegador a <a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/HTMLImageElement\/fetchPriority\" target=\"_blank\" rel=\"noopener noreferrer\">priorizar essa imagem<\/a>, mesmo antes de o layout ter sido computado.<\/p>\n<p>Outro aprimoramento \u00e9 o tratamento autom\u00e1tico do carregamento lento de imagens com o atributo <code>loading<\/code>. Esse atributo foi introduzido pela primeira vez no <a href=\"https:\/\/kinqsta.com\/pt\/blog\/novo-wordpress-5-5\/#native-image-lazyloading-in-wordpress-core\">WordPress 5.5<\/a> e, em seguida, foi aprimorado com o WordPress 5.9 para omitir o atributo <code>loading=\"lazy\"<\/code> para a primeira imagem de conte\u00fado (consulte <a href=\"https:\/\/kinqsta.com\/pt\/blog\/wordpress-5-9\/#lazy-loading-performance-improvements\">Melhorias de desempenho de carregamento lento<\/a> no WordPress 5.9). Agora, com o WordPress 6.3, todos os problemas devem ter sido corrigidos, resultando em boas melhorias de desempenho.<\/p>\n<p>Os atributos <code>fetchpriority<\/code> e <code>loading<\/code> agora s\u00e3o controlados pela nova fun\u00e7\u00e3o <code>wp_get_loading_optimization_attributes()<\/code>. Essa fun\u00e7\u00e3o retorna uma array associativa de atributos para otimizar o desempenho do carregamento. Atualmente, os poss\u00edveis atributos retornados por essa fun\u00e7\u00e3o s\u00e3o:<\/p>\n<ul>\n<li><code>loading<\/code> com um valor de <code>\"lazy\"<\/code><\/li>\n<li><code>fetchpriority<\/code> com um valor de <code>\"high\"<\/code><\/li>\n<\/ul>\n<p>Observe que nenhum elemento deve ter ambos os atributos, pois eles s\u00e3o mutuamente exclusivos. Caso um elemento contenha ambos os atributos, um aviso ser\u00e1 acionado.<\/p>\n<p>Para obter uma vis\u00e3o geral mais detalhada da fun\u00e7\u00e3o <code>wp_get_loading_optimization_attributes()<\/code> e dos atributos <code>fetchpriority<\/code> e <code>loading<\/code> com exemplos de uso, consulte <a href=\"https:\/\/make.wordpress.org\/core\/2023\/07\/13\/image-performance-enhancements-in-wordpress-6-3\/\" target=\"_blank\" rel=\"noopener noreferrer\">Melhorias de desempenho de imagem no WordPress 6.3<\/a>.<\/p>\n<h3>Suporte para atributos <code>async<\/code> e <code>defer<\/code> do HTML 5<\/h3>\n<p><code>async<\/code> e <code>defer<\/code> s\u00e3o <a href=\"https:\/\/html.spec.whatwg.org\/multipage\/scripting.html#attr-script-async\" target=\"_blank\" rel=\"noopener noreferrer\">dois atributos HTML 5<\/a> que instruem o navegador a fazer <a href=\"https:\/\/kinqsta.com\/pt\/blog\/adiar-a-analise-de-aviso-do-javascript\/#the-different-methods-to-defer-parsing-of-javascript\">download do JavaScript sem pausar a an\u00e1lise do HTML<\/a>.<\/p>\n<p>H\u00e1 uma diferen\u00e7a fundamental entre os dois atributos:<\/p>\n<ul>\n<li>Os scripts com o atributo <code>async<\/code> s\u00e3o executados de forma ass\u00edncrona assim que s\u00e3o carregados. Quando o script \u00e9 carregado, o navegador pausa a an\u00e1lise do HTML e executa o script.<\/li>\n<li>Os scripts com o atributo <code>defer<\/code> s\u00e3o executados somente quando a an\u00e1lise da p\u00e1gina \u00e9 conclu\u00edda.<\/li>\n<\/ul>\n<p><a href=\"https:\/\/make.wordpress.org\/core\/2023\/07\/14\/registering-scripts-with-async-and-defer-attributes-in-wordpress-6-3\/\" target=\"_blank\" rel=\"noopener noreferrer\">A partir do WordPress 6.3<\/a>, agora voc\u00ea pode registrar scripts com os atributos <code>async<\/code> e <code>defer<\/code> usando o par\u00e2metro booleano <code>$in_footer<\/code> das fun\u00e7\u00f5es <code>wp_register_script()<\/code> ou <code>wp_enqueue_script()<\/code> (consulte tamb\u00e9m <a href=\"https:\/\/kinqsta.com\/pt\/blog\/wp-enqueue-scripts\/\" target=\"_blank\" rel=\"noopener noreferrer\">Como enfileirar seus ativos no WordPress<\/a>).<\/p>\n<p>Esse par\u00e2metro foi sobrecarregado e agora aceita um novo par\u00e2metro de array <code>$args<\/code> que permite que voc\u00ea especifique uma estrat\u00e9gia de carregamento para seus scripts.<\/p>\n<p>Aqui est\u00e1 um exemplo de como voc\u00ea pode definir uma estrat\u00e9gia defer no arquivo PHP de um plugin usando <code>wp_register_script<\/code> (o c\u00f3digo seria o mesmo com <code>wp_enqueue_script<\/code>):<\/p>\n<pre><code class=\"language-php\">wp_register_script( \n\t'custom-script', \n\tplugins_url( '\/js\/custom-script.js' , __FILE__ ), \n\tarray(), \n\t'1.0.0', \n\tarray(\n\t\t'strategy' =&gt; 'defer'\n\t) \n);<\/code><\/pre>\n<p>A compatibilidade com vers\u00f5es anteriores \u00e9 garantida, portanto, voc\u00ea pode continuar a instruir o WordPress a carregar seu script no rodap\u00e9:<\/p>\n<pre><code class=\"language-php\">wp_register_script( \n\t'custom-script', \n\tplugins_url( '\/js\/custom-script.js' , __FILE__ ), \n\tarray(), \n\t'1.0.0', \n\tarray(\n\t\t'in_footer' =&gt; true,\n\t\t'strategy' =&gt; 'defer'\n\t) \n);<\/code><\/pre>\n<p>Gra\u00e7as \u00e0s novas implementa\u00e7\u00f5es, agora \u00e9 poss\u00edvel evitar que um script seja carregado em uma ordem inesperada na \u00e1rvore de depend\u00eancia de scripts, o que n\u00e3o era poss\u00edvel com as ferramentas dispon\u00edveis antes do WordPress 6.3. Para obter uma vis\u00e3o geral mais detalhada das altera\u00e7\u00f5es na API de Scripts, com exemplos adicionais e detalhes t\u00e9cnicos, consulte a <a href=\"https:\/\/make.wordpress.org\/core\/2023\/07\/14\/registering-scripts-with-async-and-defer-attributes-in-wordpress-6-3\/\">nota de desenvolvimento<\/a> de Simon Dowdles.<\/p>\n<h3>Modo de desenvolvimento<\/h3>\n<p>O WordPress 6.3 apresenta um <a href=\"https:\/\/make.wordpress.org\/core\/2023\/07\/14\/configuring-development-mode-in-6-3\/\" target=\"_blank\" rel=\"noopener noreferrer\">novo modo de desenvolvimento<\/a> que os desenvolvedores podem ativar usando uma nova constante <code>WP_DEVELOPMENT_MODE<\/code>. Essa nova constante \u00e9 recomendada para qualquer site de desenvolvimento e seu valor depende do tipo de desenvolvimento em andamento.<\/p>\n<p><code>WP_DEVELOPMENT_MODE<\/code> a constante pode assumir um dos seguintes valores poss\u00edveis:<\/p>\n<ul>\n<li><code>core<\/code> &#8211; Usado para indicar que um site est\u00e1 sendo utilizado como ambiente de desenvolvimento central.<\/li>\n<li><code>plugin<\/code> &#8211; Usado para o desenvolvimento de plugins.<\/li>\n<li><code>theme<\/code> &#8211; Usado para o desenvolvimento de temas.<\/li>\n<li><code>all<\/code> &#8211; Isso \u00e9 usado para indicar que um site \u00e9 utilizado para os tr\u00eas tipos de desenvolvimento.<\/li>\n<li>Uma string vazia \u00e9 o padr\u00e3o e indica que o site n\u00e3o est\u00e1 sendo utilizado como um ambiente de desenvolvimento.<\/li>\n<\/ul>\n<p><code>WP_DEVELOPMENT_MODE<\/code> deve ser usado somente em instala\u00e7\u00f5es de desenvolvimento. N\u00e3o \u00e9 relevante na produ\u00e7\u00e3o.<\/p>\n<p>O modo de desenvolvimento afeta alguns aspectos de baixo n\u00edvel do comportamento do WordPress. No momento em que este artigo foi escrito, a \u00fanica diferen\u00e7a diz respeito ao armazenamento em cache do arquivo theme.json, sendo ignorado quando <code>WP_DEVELOPMENT_MODE<\/code> \u00e9 definido em <code>'theme'<\/code>.<\/p>\n<p><code>WP_DEVELOPMENT_MODE<\/code> funciona de maneira diferente das constantes <code>WP_ENVIRONMENT_TYPE<\/code> e\u00a0<code>WP_DEBUG<\/code> que s\u00e3o normalmente usadas no desenvolvimento, pois <code>WP_DEBUG<\/code> e <code>WP_ENVIRONMENT_TYPE<\/code> n\u00e3o afetam o comportamento do WordPress de forma alguma. Voc\u00ea provavelmente usaria <code>WP_DEVELOPMENT_MODE<\/code> quando <code>WP_ENVIRONMENT_TYPE<\/code> estiver definido como <code>'development'<\/code> ou <code>'local'<\/code>, j\u00e1 que o desenvolvimento <a href=\"https:\/\/kinqsta.com\/pt\/blog\/site-de-teste-wordpress\/\">nunca deve ocorrer em sites de produ\u00e7\u00e3o<\/a>.<\/p>\n<p>Voc\u00ea pode ativar o modo de desenvolvimento dessa forma:<\/p>\n<pre><code class=\"language-php\">define( 'WP_DEVELOPMENT_MODE', 'theme' );<\/code><\/pre>\n<p>O WordPress 6.3 tamb\u00e9m apresenta uma nova fun\u00e7\u00e3o <code>wp_in_development_mode()<\/code> que permite que voc\u00ea verifique se o seu site est\u00e1 no modo de desenvolvimento. A nova fun\u00e7\u00e3o tamb\u00e9m permite que voc\u00ea verifique o tipo de desenvolvimento atualmente em andamento, gra\u00e7as a um par\u00e2metro <code>$mode<\/code> cujos valores poss\u00edveis s\u00e3o <code>'core'<\/code>, <code>'plugin'<\/code> e <code>'theme'<\/code>:<\/p>\n<pre><code class=\"language-php\">if ( wp_in_development_mode( 'theme' ) ) { ... }<\/code><\/pre>\n<p>Voc\u00ea tamb\u00e9m pode verificar o valor atual de <code>WP_DEVELOPMENT_MODE<\/code> no painel de <strong>Info <\/strong>da ferramenta <strong>Site Health<\/strong>.<\/p>\n<h3>Altera\u00e7\u00f5es adicionais para desenvolvedores<\/h3>\n<ul>\n<li>Os desenvolvedores de temas agora podem usar a <a href=\"https:\/\/kinqsta.com\/pt\/blog\/wordpress-6-2\/#patterns-api-and-a-new-template_types-property\">propriedade<\/a> <code>template_types<\/code> para atribuir um ou mais tipos de template ao <a href=\"https:\/\/kinqsta.com\/pt\/blog\/padroes-de-bloco-wordpress\/#register-a-block-pattern\">registrar um padr\u00e3o de template<\/a> para <a href=\"https:\/\/make.wordpress.org\/core\/2023\/04\/05\/whats-new-in-gutenberg-15-5-05-april\/#patterns-as-template-starters\" target=\"_blank\" rel=\"noopener noreferrer\">inclu\u00ed-lo na sobreposi\u00e7\u00e3o modal<\/a> que aparece quando um usu\u00e1rio cria um novo template.<\/li>\n<li>A fun\u00e7\u00e3o <code>get_pages()<\/code> <a href=\"https:\/\/make.wordpress.org\/core\/2023\/07\/14\/wp_query-used-internally-in-get_pages\/\" target=\"_blank\" rel=\"noopener noreferrer\">foi atualizada<\/a> e agora usa internamente a <code>WP_Query<\/code>.<\/li>\n<li>A classe <code>WP_User_Query<\/code> foi <a href=\"https:\/\/make.wordpress.org\/core\/2023\/07\/14\/improved-caching-for-database-queries-in-wp_user_query\/\" target=\"_blank\" rel=\"noopener noreferrer\">significativamente aprimorada<\/a>, especificamente com a implementa\u00e7\u00e3o do cache de consulta.<\/li>\n<li>V\u00e1rias melhorias foram implementados na <a href=\"https:\/\/make.wordpress.org\/core\/2023\/07\/17\/improvements-to-the-cache-api-in-wordpress-6-3\/\" target=\"_blank\" rel=\"noopener noreferrer\">API de cache<\/a>.<\/li>\n<li>O link <strong>Edit site<\/strong>\u00a0agora <a href=\"https:\/\/core.trac.wordpress.org\/changeset\/56209\" target=\"_blank\" rel=\"noopener noreferrer\">carrega o template atual<\/a> em vez da p\u00e1gina inicial do editor.<\/li>\n<li>Uma nova <a href=\"https:\/\/make.wordpress.org\/core\/2023\/07\/17\/introducing-the-block-selectors-api\/\" target=\"_blank\" rel=\"noopener noreferrer\">API de seletores de bloco<\/a> permite que voc\u00ea configure v\u00e1rios seletores CSS para blocos a serem usados em estilos globais.<\/li>\n<li>As cores aplicadas aos \u00edcones sociais agora s\u00e3o <a href=\"https:\/\/make.wordpress.org\/core\/2023\/07\/17\/social-icons-block-applied-colors-now-dynamically-update-based-on-theme-json-and-global-styles\/\" target=\"_blank\" rel=\"noopener noreferrer\">atualizadas dinamicamente<\/a> com base no theme.json e nos estilos globais<\/li>\n<li>Outras atualiza\u00e7\u00f5es abordaram a <a href=\"https:\/\/make.wordpress.org\/core\/2023\/07\/14\/i18n-improvements-in-6-3\/\" target=\"_blank\" rel=\"noopener noreferrer\">internacionaliza\u00e7\u00e3o<\/a> (I18N) e o <a href=\"https:\/\/make.wordpress.org\/core\/2023\/07\/14\/layout-updates-in-the-editor-for-wordpress-6-3\/\" target=\"_blank\" rel=\"noopener noreferrer\">suporte para layout<\/a>.<\/li>\n<\/ul>\n<h2>Resumo<\/h2>\n<p>Com o WordPress 6.3, chegamos ao fim da <a href=\"https:\/\/make.wordpress.org\/core\/2023\/02\/04\/phase-2-finale\/\" target=\"_blank\" rel=\"noopener noreferrer\">Fase 2: Personaliza\u00e7\u00e3o<\/a> do roteiro de desenvolvimento do Gutenberg. Essa nova vers\u00e3o nos traz melhorias significativas na experi\u00eancia de edi\u00e7\u00e3o, incluindo novos recursos de edi\u00e7\u00e3o no Editor de Site, um sistema de padr\u00f5es de blocos novo e mais flex\u00edvel, novos blocos, melhor desempenho, melhorias na acessibilidade e internacionaliza\u00e7\u00e3o e muito mais.<\/p>\n<p>Com a pr\u00f3xima vers\u00e3o do WordPress, <a href=\"https:\/\/make.wordpress.org\/core\/6-4\/\" target=\"_blank\" rel=\"noopener noreferrer\">prevista para novembro de 2023<\/a>, entraremos na <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/24\/phase-3-collaboration\/\" target=\"_blank\" rel=\"noopener noreferrer\">Fase 3: Colabora\u00e7\u00e3o<\/a>, cujo principal objetivo \u00e9 trazer <a href=\"https:\/\/make.wordpress.org\/core\/2023\/07\/13\/real-time-collaboration-architecture\/\">recursos avan\u00e7ados de colabora\u00e7\u00e3o<\/a> para o editor.<\/p>\n<p>Se quiser <a href=\"https:\/\/kinqsta.com\/pt\/blog\/teste-site-wordpress\/\">testar<\/a> e\/ou <a href=\"https:\/\/kinqsta.com\/pt\/blog\/colaborador-do-wordpress\/\">contribuir com o WordPress<\/a>, voc\u00ea deve usar o <a href=\"https:\/\/kinqsta.com\/pt\/devkinsta\/\">DevKinsta<\/a>, nosso pacote de desenvolvimento local gratuito para WordPress.<\/p>\n<p>Agora, a palavra est\u00e1 com voc\u00ea: Voc\u00ea j\u00e1 testou o WordPress 6.3 em seu <a href=\"https:\/\/kinqsta.com\/pt\/devkinsta\/\">ambiente de desenvolvimento<\/a>? Quais recursos do WordPress 6.3 voc\u00ea mais gostou? Compartilhe seus pensamentos nos coment\u00e1rios abaixo.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>O WordPress 6.3 &#8220;Lionel&#8221; j\u00e1 est\u00e1 dispon\u00edvel! Esta \u00e9 a vers\u00e3o principal final da Fase 2 do roteiro do WordPress. Durante a segunda fase, o desenvolvimento &#8230;<\/p>\n","protected":false},"author":36,"featured_media":61339,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[65,30],"topic":[1038],"class_list":["post-61338","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-gutenberg","tag-wordpress","topic-atualizacoes-wordpress"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>O Que H\u00e1 de Novo no WordPress 6.3 - Kinsta\u00ae<\/title>\n<meta name=\"description\" content=\"Confira nossa an\u00e1lise detalhada do WordPress 6.3, com um Editor de Site repaginado, um novo sistema de Padr\u00f5es, novos blocos, melhor desempenho e muito mais!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinqsta.com\/pt\/blog\/wordpress-6-3\/\" \/>\n<meta property=\"og:locale\" content=\"pt_PT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"O Que H\u00e1 de Novo no WordPress 6.3: Um Editor de Site Repaginado, uma Nova Paleta de Comandos, Revis\u00f5es de Estilo, Novos Blocos e Muito Mais!\" \/>\n<meta property=\"og:description\" content=\"Confira nossa an\u00e1lise detalhada do WordPress 6.3, com um Editor de Site repaginado, um novo sistema de Padr\u00f5es, novos blocos, melhor desempenho e muito mais!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinqsta.com\/pt\/blog\/wordpress-6-3\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/kinstapt\/\" \/>\n<meta property=\"article:published_time\" content=\"2023-08-10T09:57:02+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-08-22T09:01:51+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2024\/11\/PT-Homepage-featured-image.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"628\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Carlo Daniele\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Confira nossa an\u00e1lise detalhada do WordPress 6.3, com um Editor de Site repaginado, um novo sistema de Padr\u00f5es, novos blocos, melhor desempenho e muito mais!\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/07\/whats-new-in-wordpress-63.svg\" \/>\n<meta name=\"twitter:creator\" content=\"@carlodaniele\" \/>\n<meta name=\"twitter:site\" content=\"@kinsta_pt\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Carlo Daniele\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo estimado de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"31 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinqsta.com\/pt\/blog\/wordpress-6-3\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinqsta.com\/pt\/blog\/wordpress-6-3\/\"},\"author\":{\"name\":\"Carlo Daniele\",\"@id\":\"https:\/\/kinqsta.com\/pt\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63\"},\"headline\":\"O Que H\u00e1 de Novo no WordPress 6.3: Um Editor de Site Repaginado, uma Nova Paleta de Comandos, Revis\u00f5es de Estilo, Novos Blocos e Muito Mais!\",\"datePublished\":\"2023-08-10T09:57:02+00:00\",\"dateModified\":\"2023-08-22T09:01:51+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinqsta.com\/pt\/blog\/wordpress-6-3\/\"},\"wordCount\":5553,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinqsta.com\/pt\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinqsta.com\/pt\/blog\/wordpress-6-3\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/07\/whats-new-in-wordpress-63.svg\",\"keywords\":[\"Gutenberg\",\"WordPress\"],\"inLanguage\":\"pt-PT\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinqsta.com\/pt\/blog\/wordpress-6-3\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinqsta.com\/pt\/blog\/wordpress-6-3\/\",\"url\":\"https:\/\/kinqsta.com\/pt\/blog\/wordpress-6-3\/\",\"name\":\"O Que H\u00e1 de Novo no WordPress 6.3 - Kinsta\u00ae\",\"isPartOf\":{\"@id\":\"https:\/\/kinqsta.com\/pt\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinqsta.com\/pt\/blog\/wordpress-6-3\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinqsta.com\/pt\/blog\/wordpress-6-3\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/07\/whats-new-in-wordpress-63.svg\",\"datePublished\":\"2023-08-10T09:57:02+00:00\",\"dateModified\":\"2023-08-22T09:01:51+00:00\",\"description\":\"Confira nossa an\u00e1lise detalhada do WordPress 6.3, com um Editor de Site repaginado, um novo sistema de Padr\u00f5es, novos blocos, melhor desempenho e muito mais!\",\"breadcrumb\":{\"@id\":\"https:\/\/kinqsta.com\/pt\/blog\/wordpress-6-3\/#breadcrumb\"},\"inLanguage\":\"pt-PT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinqsta.com\/pt\/blog\/wordpress-6-3\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/kinqsta.com\/pt\/blog\/wordpress-6-3\/#primaryimage\",\"url\":\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/07\/whats-new-in-wordpress-63.svg\",\"contentUrl\":\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/07\/whats-new-in-wordpress-63.svg\",\"width\":1461,\"height\":730},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinqsta.com\/pt\/blog\/wordpress-6-3\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinqsta.com\/pt\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Atualiza\u00e7\u00f5es WordPress\",\"item\":\"https:\/\/kinqsta.com\/pt\/topicos\/atualizacoes-wordpress\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"O Que H\u00e1 de Novo no WordPress 6.3: Um Editor de Site Repaginado, uma Nova Paleta de Comandos, Revis\u00f5es de Estilo, Novos Blocos e Muito Mais!\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinqsta.com\/pt\/#website\",\"url\":\"https:\/\/kinqsta.com\/pt\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Solu\u00e7\u00f5es de hospedagem Premium, r\u00e1pida e segura\",\"publisher\":{\"@id\":\"https:\/\/kinqsta.com\/pt\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinqsta.com\/pt\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-PT\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinqsta.com\/pt\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinqsta.com\/pt\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/kinqsta.com\/pt\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinqsta.com\/pt\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/kinstapt\/\",\"https:\/\/x.com\/kinsta_pt\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinqsta.com\/pt\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63\",\"name\":\"Carlo Daniele\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/kinqsta.com\/pt\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/429e5568f88110fd9a409b84cb22197e?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/429e5568f88110fd9a409b84cb22197e?s=96&d=mm&r=g\",\"caption\":\"Carlo Daniele\"},\"description\":\"Carlo is a passionate lover of webdesign and front-end development. He has been playing with WordPress for more than 20 years, also in collaboration with Italian and European universities and educational institutions. He has written hundreds of articles and guides about WordPress, published both on Italian and international websites, as well as on printed magazines. You can find him on LinkedIn.\",\"sameAs\":[\"https:\/\/frammentidicodice.com\/\",\"https:\/\/x.com\/carlodaniele\"],\"url\":\"https:\/\/kinqsta.com\/pt\/blog\/author\/carlodaniele\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"O Que H\u00e1 de Novo no WordPress 6.3 - Kinsta\u00ae","description":"Confira nossa an\u00e1lise detalhada do WordPress 6.3, com um Editor de Site repaginado, um novo sistema de Padr\u00f5es, novos blocos, melhor desempenho e muito mais!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kinqsta.com\/pt\/blog\/wordpress-6-3\/","og_locale":"pt_PT","og_type":"article","og_title":"O Que H\u00e1 de Novo no WordPress 6.3: Um Editor de Site Repaginado, uma Nova Paleta de Comandos, Revis\u00f5es de Estilo, Novos Blocos e Muito Mais!","og_description":"Confira nossa an\u00e1lise detalhada do WordPress 6.3, com um Editor de Site repaginado, um novo sistema de Padr\u00f5es, novos blocos, melhor desempenho e muito mais!","og_url":"https:\/\/kinqsta.com\/pt\/blog\/wordpress-6-3\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinstapt\/","article_published_time":"2023-08-10T09:57:02+00:00","article_modified_time":"2023-08-22T09:01:51+00:00","og_image":[{"width":1200,"height":628,"url":"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2024\/11\/PT-Homepage-featured-image.png","type":"image\/png"}],"author":"Carlo Daniele","twitter_card":"summary_large_image","twitter_description":"Confira nossa an\u00e1lise detalhada do WordPress 6.3, com um Editor de Site repaginado, um novo sistema de Padr\u00f5es, novos blocos, melhor desempenho e muito mais!","twitter_image":"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/07\/whats-new-in-wordpress-63.svg","twitter_creator":"@carlodaniele","twitter_site":"@kinsta_pt","twitter_misc":{"Escrito por":"Carlo Daniele","Tempo estimado de leitura":"31 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinqsta.com\/pt\/blog\/wordpress-6-3\/#article","isPartOf":{"@id":"https:\/\/kinqsta.com\/pt\/blog\/wordpress-6-3\/"},"author":{"name":"Carlo Daniele","@id":"https:\/\/kinqsta.com\/pt\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63"},"headline":"O Que H\u00e1 de Novo no WordPress 6.3: Um Editor de Site Repaginado, uma Nova Paleta de Comandos, Revis\u00f5es de Estilo, Novos Blocos e Muito Mais!","datePublished":"2023-08-10T09:57:02+00:00","dateModified":"2023-08-22T09:01:51+00:00","mainEntityOfPage":{"@id":"https:\/\/kinqsta.com\/pt\/blog\/wordpress-6-3\/"},"wordCount":5553,"commentCount":0,"publisher":{"@id":"https:\/\/kinqsta.com\/pt\/#organization"},"image":{"@id":"https:\/\/kinqsta.com\/pt\/blog\/wordpress-6-3\/#primaryimage"},"thumbnailUrl":"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/07\/whats-new-in-wordpress-63.svg","keywords":["Gutenberg","WordPress"],"inLanguage":"pt-PT","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinqsta.com\/pt\/blog\/wordpress-6-3\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinqsta.com\/pt\/blog\/wordpress-6-3\/","url":"https:\/\/kinqsta.com\/pt\/blog\/wordpress-6-3\/","name":"O Que H\u00e1 de Novo no WordPress 6.3 - Kinsta\u00ae","isPartOf":{"@id":"https:\/\/kinqsta.com\/pt\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinqsta.com\/pt\/blog\/wordpress-6-3\/#primaryimage"},"image":{"@id":"https:\/\/kinqsta.com\/pt\/blog\/wordpress-6-3\/#primaryimage"},"thumbnailUrl":"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/07\/whats-new-in-wordpress-63.svg","datePublished":"2023-08-10T09:57:02+00:00","dateModified":"2023-08-22T09:01:51+00:00","description":"Confira nossa an\u00e1lise detalhada do WordPress 6.3, com um Editor de Site repaginado, um novo sistema de Padr\u00f5es, novos blocos, melhor desempenho e muito mais!","breadcrumb":{"@id":"https:\/\/kinqsta.com\/pt\/blog\/wordpress-6-3\/#breadcrumb"},"inLanguage":"pt-PT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinqsta.com\/pt\/blog\/wordpress-6-3\/"]}]},{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/kinqsta.com\/pt\/blog\/wordpress-6-3\/#primaryimage","url":"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/07\/whats-new-in-wordpress-63.svg","contentUrl":"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/07\/whats-new-in-wordpress-63.svg","width":1461,"height":730},{"@type":"BreadcrumbList","@id":"https:\/\/kinqsta.com\/pt\/blog\/wordpress-6-3\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinqsta.com\/pt\/"},{"@type":"ListItem","position":2,"name":"Atualiza\u00e7\u00f5es WordPress","item":"https:\/\/kinqsta.com\/pt\/topicos\/atualizacoes-wordpress\/"},{"@type":"ListItem","position":3,"name":"O Que H\u00e1 de Novo no WordPress 6.3: Um Editor de Site Repaginado, uma Nova Paleta de Comandos, Revis\u00f5es de Estilo, Novos Blocos e Muito Mais!"}]},{"@type":"WebSite","@id":"https:\/\/kinqsta.com\/pt\/#website","url":"https:\/\/kinqsta.com\/pt\/","name":"Kinsta\u00ae","description":"Solu\u00e7\u00f5es de hospedagem Premium, r\u00e1pida e segura","publisher":{"@id":"https:\/\/kinqsta.com\/pt\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinqsta.com\/pt\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-PT"},{"@type":"Organization","@id":"https:\/\/kinqsta.com\/pt\/#organization","name":"Kinsta","url":"https:\/\/kinqsta.com\/pt\/","logo":{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/kinqsta.com\/pt\/#\/schema\/logo\/image\/","url":"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinqsta.com\/pt\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/kinstapt\/","https:\/\/x.com\/kinsta_pt","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinqsta.com\/pt\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63","name":"Carlo Daniele","image":{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/kinqsta.com\/pt\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/429e5568f88110fd9a409b84cb22197e?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/429e5568f88110fd9a409b84cb22197e?s=96&d=mm&r=g","caption":"Carlo Daniele"},"description":"Carlo is a passionate lover of webdesign and front-end development. He has been playing with WordPress for more than 20 years, also in collaboration with Italian and European universities and educational institutions. He has written hundreds of articles and guides about WordPress, published both on Italian and international websites, as well as on printed magazines. You can find him on LinkedIn.","sameAs":["https:\/\/frammentidicodice.com\/","https:\/\/x.com\/carlodaniele"],"url":"https:\/\/kinqsta.com\/pt\/blog\/author\/carlodaniele\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/posts\/61338","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/users\/36"}],"replies":[{"embeddable":true,"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/comments?post=61338"}],"version-history":[{"count":10,"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/posts\/61338\/revisions"}],"predecessor-version":[{"id":62129,"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/posts\/61338\/revisions\/62129"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinqsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/61338\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinqsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/61338\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinqsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/61338\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinqsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/61338\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinqsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/61338\/translations\/de"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinqsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/61338\/translations\/jp"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinqsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/61338\/translations\/nl"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinqsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/61338\/translations\/es"},{"href":"https:\/\/kinqsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/61338\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/media\/61339"}],"wp:attachment":[{"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/media?parent=61338"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/tags?post=61338"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/topic?post=61338"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}