Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Copa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

O que há de novo no WordPress 6.2 (recursos e capturas de tela)

O WordPress 6.2 acaba de ser lançado e é a primeira grande versão do WordPress de 2023.

Essa nova versão está repleta de melhorias significativas e novos recursos. Muitos deles se concentram no editor de blocos e na edição de sites no WordPress.

Neste artigo, mostraremos o que há de novo no WordPress 6.2 e quais recursos você deve experimentar após a atualização.

An overview WordPerss 6.2 release with features and screenshots

Observação: o WordPress 6.2 é uma versão importante e, a menos que você esteja em um serviço de hospedagem gerenciada do WordPress, terá de iniciar a atualização manualmente. Veja como atualizar o WordPress com segurança.

Importante: Não se esqueça de criar um backup completo do WordPress antes de atualizar.

Dito isso, aqui está tudo o que há de novo no WordPress 6.2.

O WordPress Site Editor sai da versão beta

O editor de sites sai da versão beta.

Ele está presente nas últimas versões do WordPress, e a remoção do rótulo beta é apenas um convite para que mais usuários o experimentem.

Site editor comes out of beta

Isso também indica a conclusão da fase 2 do roteiro de desenvolvimento do WordPress, que começou com o lançamento do novo editor de blocos no WordPress 5.0 (final de 2018).

O WordPress 6.2 inclui vários novos recursos adicionados ao editor do site, inclusive algumas ferramentas totalmente novas sobre as quais falaremos mais adiante neste artigo.

Observação: O editor de site completo está disponível com temas de blocos compatíveis com esse recurso. Você pode experimentá-lo mesmo se estiver usando o editor clássico mais antigo com um tema habilitado para blocos.

Bloco de menu de navegação aprimorado

Os menus de navegação ajudam a definir o layout do site para os usuários. Entretanto, criá-los no editor completo do site era um pouco difícil para os iniciantes.

O WordPress 6.2 agora vem com um bloco de “Navegação” aprimorado.

Agora você pode criar e gerenciar o bloco Navigation editando itens na barra lateral.

Managing menu items in block panel

Para adicionar um novo item de menu, basta clicar no botão “adicionar (+)”. Você também pode arrastar e soltar itens de menu para reorganizá-los.

Deseja usar um menu diferente? Agora você pode alternar facilmente entre os menus que criou anteriormente clicando no menu de três pontos na barra lateral.

Manage menus

De modo geral, esse é um aprimoramento significativo em relação ao antigo bloco de navegação, no qual era necessário editar itens em linha, o que não era uma boa experiência para iniciantes.

Experiência aprimorada de navegação de modelos

O WordPress 6.2 vem com uma nova experiência de navegação de modelos.

Isso permite que os usuários naveguem por diferentes modelos para descobrir qual deles precisam editar se quiserem fazer alterações em uma determinada área do site.

Template browser in WordPress 6.2

Para editar um modelo ou parte de modelo, basta clicar para carregá-lo na janela de visualização. Depois disso, basta clicar na janela de visualização para começar a editar.

Deseja sair do editor do site?

Basta clicar no logotipo do WordPress ou do seu site no canto superior esquerdo da tela para entrar no navegador de modelos. Em seguida, clique novamente para sair e retornar ao painel do WordPress.

Exit site editor

A tela do navegador de modelos agora também mostrará que há alterações não salvas.

Ele também oferece uma experiência de salvamento aprimorada, mostrando quais alterações você está salvando.

Unsaved changes in site editor

Partes do modelo destacadas com cores

Um modelo no editor de sites pode incluir várias partes do modelo, como o cabeçalho e o rodapé.

Esses são elementos globais que podem ser usados em vários lugares em seu site WordPress. Se você editar uma parte do modelo em uma página, essas alterações serão refletidas em todo o seu site.

Anteriormente, ao editar uma peça de modelo, a única indicação era que o rótulo na parte superior era alterado para mostrar o nome da peça de modelo.

Template part editing before WordPress 6.2

A edição de partes do modelo afeta todos os modelos que incluem esses elementos. Por isso, é importante indicar que os usuários estão editando uma parte do modelo global e não apenas a página que estão visualizando.

O WordPress 6.2 agora torna isso mais perceptível, adicionando cores e um ícone para indicar que você está editando uma parte do modelo.

Template part edited in WordPress 6.2

Modifique seu tema com o livro de estilo

O WordPress 6.2 vem com um recurso de livro de estilo no editor do site.

Esse é basicamente um local conveniente para procurar como seu tema exibe todos os blocos. Para acessá-lo, é necessário alternar para o painel Styles (Estilos) e clicar no ícone Style Book (Livro de estilo). É o ícone que se parece com um olho.

Style book shows all block styles at one place

Isso mostrará todos os blocos e como eles são estilizados em seu tema. Eles estão organizados em diferentes categorias para que você possa localizar facilmente o bloco que deseja editar.

Clique para começar a editar um bloco e você verá todas as ferramentas que pode usar no painel da barra lateral. As alterações que você fizer aqui serão aplicadas globalmente ao seu tema.

Edit block directly from style book

Basicamente, você pode alterar a aparência de todo o seu tema editando blocos individuais aqui e criando um estilo completamente novo.

Deseja editar estilos de blocos individualmente? Não se preocupe, há ainda mais ferramentas de design à sua disposição para editar blocos.

Capacidade de adicionar CSS personalizado ao seu tema ou blocos

Por padrão, o editor do site oculta a interface do Theme Customizer herdado. Muitos usuários adicionaram seu CSS personalizado no painel “Additional CSS” disponível com o personalizador legado.

Até a versão 6.2, era um problema adicionar CSS personalizado usando as ferramentas padrão disponíveis.

No entanto, o WordPress 6.2 agora permite que você adicione CSS personalizado que se aplica a todo o seu site. Basta clicar no painel Styles (Estilos) e escolher Custom CSS (CSS personalizado) no menu de três pontos.

Custom CSS in site editor

Você também pode adicionar CSS personalizado a blocos individuais.

Vá para o painel Style (Estilo) e clique em Blocks (Blocos).

Block styles

Agora, você precisa selecionar o bloco que deseja modificar.

Depois disso, clique na guia “Additional Block CSS” para inserir seu código CSS personalizado.

Block styles custom CSS

O WordPress 6.2 facilita a adição de CSS personalizado, se você precisar. No entanto, ele vem com várias ferramentas de design integradas que são muito mais fáceis de usar do que adicionar CSS personalizado.

Copiar e colar estilos de bloco

Outro recurso de estilo que reduz a necessidade de adicionar CSS personalizado é a capacidade de simplesmente copiar e colar estilos de bloco.

Digamos que você tenha feito algumas alterações em um bloco e queira fazer as mesmas alterações em outro bloco também.

Com o WordPress 6.2, você pode simplesmente clicar em “Copiar estilos” nas opções de bloco.

Copy styles

Depois disso, clique nas opções de bloco do bloco em que você deseja colar o estilo e selecione “Colar estilos”.

Observação: Seu navegador solicitará permissão para permitir que o site visualize o conteúdo da área de transferência. Você precisa clicar em “Permitir” para continuar.

Paste styles

Inserção de padrão aprimorada

Os padrões de blocos do WordPress são uma coleção de elementos de design pré-fabricados que você pode usar para criar layouts de conteúdo personalizados com mais rapidez.

Por padrão, o WordPress vem com vários padrões incorporados. Seu tema do WordPress também pode incluir seu próprio padrão. Além disso, você pode encontrar mais padrões no Diretório de Padrões do WordPress.

O WordPress 6.2 vem com uma interface aprimorada de inserção de padrões.

Easier pattern insertion

Integração da biblioteca de mídia gratuita do Openverse

O WordPress 6.2 agora também adiciona uma guia “Mídia” no inseridor.

Aqui, você pode escolher a mídia de sua própria biblioteca de mídia do WordPress ou procurar imagens livres de royalties do Openverse.

Openverse Integration in WordPress 6.2

O Openverse é um projeto irmão do WordPress.org. Ele permite que obras com licença aberta e de domínio público sejam descobertas e usadas por todos.

Depois de selecionar uma imagem, ela será inserida no editor e baixada também para a biblioteca de mídia do WordPress.

O WordPress também salvará a legenda da imagem, que pode incluir um link para a fonte original. Você pode excluir essa legenda se a imagem for de domínio público.

Novos subpainéis para configurações e estilos de blocos

O WordPress 6.2 agora usa subpainéis para separar as configurações e os estilos dos blocos.

Isso ajuda os usuários a entender onde precisam procurar se quiserem alterar a aparência de um bloco.

Sub panels for block settings and styles

Novo modo sem distrações

Historicamente, o WordPress sempre ofereceu opções para ocultar os botões de formatação e as barras de ferramentas na tela do editor de postagens.

Veja como era no WordPress 4.1 com o editor clássico mais antigo.

Distraction free mode in older classic editor

No entanto, o editor de blocos tinha a opção de ser usado no modo de tela cheia. O WordPress 5.4 começou a usar o modo de tela cheia como padrão.

Isso permitiu que os usuários tivessem uma interface de escrita muito mais limpa, mas não havia um modo livre de distrações.

Full-screen mode

O WordPress 6.2 agora vem com um modo completamente limpo e tranquilo, sem distrações.

Os usuários poderão escolhê-lo nas configurações do editor e ele removerá todas as barras de ferramentas e painéis de edição da tela.

Distraction free mode in WordPress 6.2

Importar widgets clássicos como partes de modelos em temas de blocos

O WordPress 6.2 oferece um bom fallback para a importação de widgets legados clássicos em temas de bloco ao trocar de tema.

Os usuários com temas de widgets clássicos perderam seus widgets antigos quando mudaram para um tema de bloco. Agora, você pode importá-los como partes do modelo.

Basta criar uma nova peça de modelo clicando no botão “Add New Block” (+).

Import classic widgets into template part

No painel de configurações da parte do modelo, clique na guia Advanced (Avançado) para expandi-la e você encontrará a opção de importar uma área de widget do seu tema anterior.

Aprimoramentos diversos

O WordPress 6.2 contém uma tonelada de aprimoramentos. Ele mescla 10 versões do Gutenberg (“Gutenberg” é o codinome do projeto original do editor de blocos) no núcleo do WordPress, de modo que há muitos refinamentos e novos recursos a serem explorados.

Aqui estão alguns dos aprimoramentos mais úteis.

1. Botão de legendas na barra de ferramentas do bloco de imagens

Anteriormente, o WordPress adicionava automaticamente a área da legenda abaixo da imagem e movia o cursor automaticamente para a legenda.

Isso fez com que muitos usuários continuassem a escrever o texto sem perceber que o estavam escrevendo na área da legenda.

O WordPress 6.2 corrige isso adicionando um botão de legenda à barra de ferramentas. Os usuários agora podem usá-lo para adicionar uma legenda, se necessário.

Add caption button

2. Bloco de calendário aprimorado

O bloco de calendário agora vem com mais opções de cores.

Improved color block

3. Os painéis List, Outline e Info são mesclados

A visualização de lista, o esboço e o painel de informações agora estão mesclados em um único local conveniente.

List block now shows outline and information panel

4. Layout do bloco de grupo

O bloco “Group” agora permite que você escolha um layout.

Group block layout

5. O link de download para arquivos de mídia

A tela de mídia agora mostrará um link “Download File” (Baixar arquivo) na exibição de lista.

Download link for media files

6. Novo ícone para o painel de configurações

O ícone para exibir o painel de configurações usava anteriormente um ícone de engrenagem. Agora, ele é apresentado com um ícone de painel.

Settings icon

Mudanças sob o capô

O WordPress 6.2 também inclui uma tonelada de alterações destinadas aos desenvolvedores. Veja a seguir algumas dessas alterações:

  • Foi introduzida uma nova API HTML chamada WP_HTML_Tag_Processor.(Detalhes)
  • Foi introduzido um novo filtro no lado do cliente chamado blockEditor.useSetting.before. Ele permite que os desenvolvedores alterem as configurações do bloco antes que o editor seja renderizado.(Detalhes)
  • A API de padrões foi ampliada para incluir a propriedade template_types.(Detalhes)
  • Atualizações mais rápidas movendo diretórios em vez de copiá-los. (Detalhes)
  • Foi introduzida uma nova função switch_to_user_locale().(Detalhes)
  • Crie revisões de salvamento automático somente quando o conteúdo for alterado. (Detalhes)
  • Adicionar uma tag de variação de estilo aos temas que usam variações de estilo. (Detalhes)

Esperamos que este artigo tenha ajudado você a descobrir o que há de novo no WordPress 6.2 e quais novos recursos experimentar. Estamos particularmente entusiasmados com todas as mudanças no editor do site e com as melhorias de desempenho para temas de blocos.

Se você gostou deste artigo, inscreva-se em nosso canal do YouTube para receber tutoriais em vídeo sobre o WordPress. Você também pode nos encontrar no Twitter e no Facebook.

Divulgação: Nosso conteúdo é apoiado pelo leitor. Isso significa que, se você clicar em alguns de nossos links, poderemos receber uma comissão. Veja como o WPBeginner é financiado, por que isso é importante e como você pode nos apoiar. Aqui está nosso processo editorial.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

O kit de ferramentas definitivo WordPress

Obtenha acesso GRATUITO ao nosso kit de ferramentas - uma coleção de produtos e recursos relacionados ao WordPress que todo profissional deve ter!

Reader Interactions

7 ComentáriosDeixe uma resposta

  1. Syed Balkhi

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Pieterjan Deneys

    Hi there

    Contributer for WordPress 6.2 here. Something new in 6.2 is that I worked on the built-in help tabs. I made a lot of things more consistent. And some anchor links in there werent working.

    Anywho, besides that… nice write up!

    Regards

    Pieterjan Deneys

    • WPBeginner Support

      Thank you for sharing and for your work :)

      Administrador

  3. Abdullah Malik

    Very nice demonstration of changes in new WordPress version 6.2

    • WPBeginner Support

      Glad you think so!

      Administrador

  4. Jo

    I’ve been away from WordPress for awhile now and building projects using REACT and nextjs so haven’t really been keeping up-to-date with the changes.

    Therefore thank you for the concise overview of the notable updates to the WordPress framework, making it easier to jump back into the foray. I guess this means I can get rid of some of the overhead created by using theme builders like Elementor and co

    • WPBeginner Support

      We’re glad you found our overview helpful!

      Administrador

Deixe uma resposta

Obrigado por deixar um comentário. Lembre-se de que todos os comentários são moderados de acordo com nossos política de comentários, e seu endereço de e-mail NÃO será publicado. NÃO use palavras-chave no campo do nome. Vamos ter uma conversa pessoal e significativa.