WordPress 6.0: os 20 principais novos recursos e melhorias
Publicados: 2022-05-24
Antes de atualizar: não se esqueça de executar um backup do seu site!
Melhorias no Editor de Blocos
As atualizações do Block Editor trazem novas funcionalidades, correções e muito mais para o editor de blocos, incluindo vários novos blocos. O WordPress 6.0 incorpora adições notáveis do Gutenberg 12.1 – 13.0 no núcleo do WordPress.
1. Bloquear Controles de Bloqueio
[Controles de bloqueio de bloqueio] simplificam a entrega do projeto, permitindo que seus clientes liberem sua criatividade sem se preocupar em quebrar acidentalmente o site no processo.
Tela de boas-vindas do WordPress 6.0
Por fim, com a edição completa do site, é necessário mais controle sobre como determinados blocos podem ser editados. O bloqueio de blocos será particularmente útil com blocos no nível do site que muitos temas desejarão tornar não editáveis, como o conteúdo de postagem.
2. Selecione o texto em vários blocos
Finalmente! Agora você pode selecionar e copiar texto que abrange vários blocos. Se você usa o editor de blocos com frequência, sabe que o Gutenberg nem sempre funciona bem como editor de texto. Esta melhoria de usabilidade é uma mudança necessária para preencher a lacuna entre o Gutenberg como editor de blocos e o Gutenberg como editor de texto.
“Embora os blocos possibilitem recursos poderosos de modelagem de página, eles também competem com o texto pela seleção e pelo espaço da área de transferência. [Este] é um passo em direção a um editor onde blocos e texto coexistem sem atritos.”
– Adam Zielinski, Notas de versão do Gutenberg 13.0
3. Melhorias na visualização de lista
A visualização de lista está cada vez melhor! O Gutenberg 6.0 inclui algumas melhorias para melhorar a experiência do editor de blocos para o modo de exibição de lista.
Novos atalhos de teclado
Por exemplo, novos atalhos de teclado permitem que você selecione vários blocos no mesmo nível e, em seguida, arraste e solte-os para movê-los.
Para selecionar vários blocos, os atalhos de teclado são:
- Tecla Shift + Clique
- Tecla Shift + seta para cima/para baixo
Além disso, agora é mais fácil e amigável ao teclado selecionar um bloco específico na exibição de lista até o final ou início de uma postagem.
Para seleção de vários blocos, use:
- Tecla Shift + Teclas Home e End
Visualização de lista agora recolhida por padrão
A exibição de lista agora vem recolhida por padrão e se expande automaticamente para a seleção atual sempre que você seleciona um bloco. Como o conteúdo baseado em bloco depende de blocos aninhados, essa alteração na experiência inicial de exibição de lista é muito menos esmagadora.
4. Novo painel de cores e seletor de cores aprimorado
Para reduzir a desordem na barra lateral das ferramentas de design e melhorar a experiência do usuário, o WordPress 6.0 adiciona um novo seletor de cores baseado em menu suspenso. O novo seletor de cores facilita a seleção de algumas cores consecutivas, o que melhora a experiência de edição de cores e unifica os controles com outras ferramentas de design. Este novo design de painel de cores economiza espaço, mas ainda mostra suas opções rapidamente.
5. Visualizações de estilos de bloco
O WordPress 6.0 altera a forma como os estilos de bloco são visualizados na barra lateral. O nome do estilo, que já está visível quando você passa o mouse sobre um estilo ou quando o teclado está focado nesse estilo, agora aparece acima da visualização. Isso reduz a altura geral da barra lateral e chama a atenção para o nome de cada estilo de bloco.
6. Novas opções de transformação de blocos
A opção "Transformar para" para blocos é um recurso incrivelmente útil se você estiver escrevendo conteúdo ou criando uma página e precisar fazer alterações rápidas em seus blocos. O WordPress 6.0 adiciona novas opções de transformação de bloco, incluindo Tag Cloud to Categories, Calendar to Archives, Paragraph to Code e Group to Row, conforme mostrado abaixo.
7. Estilos mantidos quando os blocos são transformados
No editor de blocos, agora você pode reter estilos existentes ao transformar blocos de um tipo para outro, por exemplo, de um bloco de parágrafo para um bloco de código. No WordPress 6.0 e posterior, alguns estilos como cor e tamanho da fonte são mantidos ao transformar entre blocos.
8. Novos botões preservam o estilo dos botões adjacentes
A inserção de novos botões ficou ainda melhor! Quando você insere um novo bloco de botões, ele retém automaticamente o estilo dos botões adjacentes. Você pode criar botões personalizados e quaisquer novos botões que você criar manterão as personalizações de estilo automaticamente.
9. Use imagens em destaque no bloco de capa
O bloco de capa atualizado torna mais fácil exibir e apresentar imagens. Basta clicar no botão “Usar Imagem em Destaque” e pronto! Esta atualização será especialmente útil para criar o modelo de postagem única com Edição completa do site.
10. Suporte a Gap para Bloco de Galeria
A funcionalidade de suporte a lacunas no bloco Galeria permite que você crie diferentes aparências – desde adicionar espaçamento entre todas as imagens até remover completamente o espaçamento. Agora ficou mais fácil fazer belas galerias. Agora você pode controlar o espaço ao redor das imagens no bloco Galeria, de zero espaço em branco a grandes lacunas de estilo “galeria de arte” usando a configuração de espaçamento entre blocos.
Novos blocos
O WordPress 6.0 inclui vários novos blocos, a maioria dos quais é projetada para ser usada com modelos de edição completa do site. Apenas observe que você ainda pode usar esses blocos em postagens e páginas normais, embora sua eficiência possa ser diminuída.
11. Novo Bloco de Pilha
O novo bloco Stack permite empilhar seu conteúdo verticalmente, permitindo que você crie grupos, linhas e agora, pilhas responsivos
Agora, os blocos são facilmente agrupados em um layout de pilha ou em um layout de linha com um único clique. Alterne entre variações de pilha, linha e grupo para posicionar grupos de blocos com mais flexibilidade de layout. A seleção de muitos blocos de uma vez expõe as variações de Pilha e Linha do bloco Grupo diretamente na barra de ferramentas. O bloco Stack se ajusta automaticamente aos tamanhos de tela menores, facilitando a criação de layouts realmente responsivos.
O bloco Pilha inclui configurações adicionais para justificação, orientação, cores de texto e plano de fundo, tipografia, preenchimento, espaçamento entre blocos e bordas.
12. Novo Avatar, Postar Biografia do Autor e Leia Mais Blocos
O novo bloco Avatar exibe o avatar de um usuário específico ou do autor da postagem. Um avatar é uma imagem que você pode usar para exibir sua própria identidade ou a identidade do autor de uma postagem.
O bloco Post Author Biography permite exibir a biografia do autor do post. Apenas observe que esta biografia é extraída da página Usuário > Perfil para que o texto não seja editável.
Agora você pode adicionar um botão leia mais com links para uma postagem. Por exemplo, este bloco pode ser útil ao construir um modelo de categoria no Editor do Site. Especificamente, o bloco Leia mais fornece uma maneira simples de vincular a uma única página ou postagem no bloco Query.
13. Novo bloco de loop de consulta de comentários
No WordPress 6.0, o bloco Comments Query Loop substituiu o bloco Post Comments e oferece novas opções de personalização. Por exemplo, agora ele oferece uma opção para exibir comentários aninhados, o que melhora a experiência do usuário porque é mais fácil saber se um comentário está respondendo a outro comentário ou se é apenas um comentário de primeiro nível.
Melhorias na edição completa do site (FSE)
A última versão principal do WordPress, WordPress 5.9, introduziu o Full Site Editing (FSE). Em poucas palavras, o Full Site Editing destina-se a tornar todo o site personalizável com o editor de blocos.
Anteriormente, todos esses controles eram tratados exclusivamente pelo seu tema do WordPress, portanto, inserir isso no núcleo do WordPress (com um tema baseado em bloco ativado) é um desvio da maneira como o WordPress lidava anteriormente com estilos de todo o site para coisas como cabeçalho e rodapé do seu site , blog e postagens de blog.
Em nossa opinião, o Full Site Editing ainda tem um longo caminho a percorrer antes de ser um verdadeiro candidato a temas como o Kadence Theme, mas o WordPress 6.0 oferece algumas melhorias e adições notáveis à medida que a tecnologia continua a se desenvolver.
Se o seu tema suportar a edição completa do site, você verá um novo menu Editor (Beta) no painel do WordPress.
Existem apenas alguns lembretes sobre como funciona a edição completa do site:
- Você precisa de um tema baseado em blocos para realmente usar a Edição Completa do Site. Um tema de bloco é um tema WordPress com templates inteiramente compostos por blocos para que, além do conteúdo dos posts dos diferentes tipos de posts (páginas, posts, …), o editor de blocos também possa ser usado para editar todas as áreas do site: cabeçalhos , rodapés, barras laterais, etc. As chances são: você não está usando um tema baseado em blocos no momento.
- A Edição Completa do Site ainda é um produto mínimo viável . Isso permite uma adoção gradual dos usuários, pois a maioria dos temas ainda não está pronta para utilizar essa funcionalidade ou seria incompatível no futuro.
- Você não precisa adotar a Edição Completa do Site. Se você ainda não está pronto para um tema baseado em blocos, não se preocupe. Os temas “clássicos” continuam a existir e a funcionar como sempre.
- A Edição Completa do Site remove o Personalizador, Menus e Widgets. Devido aos novos recursos que os temas de bloco oferecem e a capacidade de editar seu conteúdo diretamente, o menu do Personalizador ficará oculto em seu painel, a menos que você esteja usando um plug-in que o exija.
- Você não precisa do WordPress 6.0 ou de um tema baseado em bloco de edição de site completo para editar totalmente seu site . Você pode fazer isso agora no Kadence Theme usando o complemento Pro, que permite criar modelos e conectar elementos condicionalmente em qualquer lugar do seu site.
Aqui está uma olhada nas novas adições e melhorias para Full Site Editing para WordPress 6.0:
14. Mudança de estilo
Outro grande recurso para a Edição Completa do Site disponível no Editor do Site são os Estilos , a capacidade de personalizar as cores, tipografia, layouts e muito mais do seu site. Com Estilos, você pode ajustar seu site ou dar a ele uma aparência totalmente nova com opções para tudo, desde uma nova paleta de cores para seus botões ou escolhendo uma nova fonte.
Você encontrará Estilos disponíveis na barra de ferramentas superior do Editor (Beta) clicando no ícone de círculo.
O painel de estilos abre várias opções de configuração, incluindo:
- Tipografia – Gerencie as configurações de tipografia para diferentes elementos, incluindo texto e links.
- Cores – Gerencie paletas e a cor padrão de diferentes elementos globais no site. As paletas são usadas para fornecer opções de cores padrão para blocos e várias ferramentas de design. Aqui você pode editar as cores com seus rótulos. Inclui plano de fundo, texto e links.
- Layout - Adicionar preenchimento
Agora, cada tema baseado em bloco pode ter muitos estilos de tema separados que alteram a aparência do seu site com apenas alguns cliques. Isso expande ainda mais o novo sistema de estilos no Editor do site e permite que você alterne a aparência do seu site em um único tema.
Você pode alterar as configurações disponíveis, como o peso da fonte, e as opções de estilo, como a paleta de cores padrão. Os estilos se aplicam ao Site, Modelos e Partes do Modelo.
15. Novos modelos de página
A edição completa do site com um tema baseado em blocos desbloqueia a capacidade de editar modelos de site. No WordPress, esses são tradicionalmente os arquivos de código que controlam como partes importantes do seu site são estruturadas e estilizadas.
Por exemplo, o tema padrão Twenty Twenty-Two adiciona estes modelos:
- 404 – A “página” que é exibida quando nenhum conteúdo é encontrado.
- Postagem única – Como uma única postagem é exibida.
- Página – Como uma única página é exibida.
- Home – Sua página inicial.
- Índice – A “página” que exibe todas as suas postagens.
- Poste único (sem separadores)
- Página (sem separadores)
O WordPress 6.0 inclui cinco novas opções de modelo no Editor do Site.
- Autor – Exibe as últimas postagens escritas por um único autor
- Data – Exibe postagens de uma data específica
- Categorias – Exibe as postagens mais recentes em uma única categoria de postagem
- Tag – Exibe as postagens mais recentes com uma única tag de postagem
- Taxonomia – Exibe a última postagem de uma única taxonomia de postagem
16. Padrões de Blocos Integrados
As opções de padrão agora aparecem em mais lugares, como no inseridor rápido ou ao criar um novo cabeçalho ou rodapé. O insersor rápido de bloco agora prioriza padrões em vez de blocos quando todas as condições a seguir são atendidas:
- Ao editar um modelo, seja no editor do site ou no editor de postagem.
- O insersor está no nível raiz.
- O conteúdo que está sendo inserido está entre outros blocos (nem como o primeiro bloco nem como o último).
O WordPress 6.0 facilita a criação de modelos mais complexos, mostrando padrões ao lado de blocos. O trabalho continua para melhorar a lógica que decide se deve mostrar um padrão ou um bloco, mas o novo fluxo torna mais rápido e fácil adicionar conteúdo.
17. Editor de código agora disponível no editor do site
Agora você pode ver o que está acontecendo nos bastidores ao usar o Editor do site. O WordPress 6.0 inclui a capacidade de alternar para o editor de código.
18. Mais opções de filtragem para o bloco de loop de consulta
O Query Loop Block agora suporta filtragem em vários autores, suporte para taxonomias personalizadas e suporte para personalizar o que é mostrado quando não há resultados.
Melhorias de desempenho
A nova equipe de desempenho do WordPress tem trabalhado duro para introduzir novas melhorias de desempenho para o núcleo do WordPress. Por exemplo, as consultas foram otimizadas e removidas, o armazenamento em cache recebeu melhorias e muito mais.
19. Melhorias no cache
Leia mais sobre os detalhes técnicos das melhorias de cache do WordPress 6.0 relacionadas à API de cache do WordPress.
Melhorias de acessibilidade
Junto com o desempenho, muito trabalho no WordPress 6.0 se concentrou em melhorar a acessibilidade em várias partes do núcleo do WordPress.
20. Melhorias de acessibilidade no WordPress 6.0
A impressionante lista de melhorias de acessibilidade do WordPress 6.0 inclui:
- Em geral
- Bloco de navegação
- Blocos
- Exibição de lista
- meios de comunicação
- Edição rápida/em massa
- Login e Cadastro
- Temas
Melhorias para desenvolvedores
Muito obrigado a todos os colaboradores que fizeram o WordPress 6.0 acontecer
Junte-se a nós ao vivo para o evento de lançamento do WordPress 6.0
Junte-se a Timothy Jacobs, desenvolvedor líder de segurança iThemes e WordPress Core Committer, para conhecer os novos recursos que a versão mais recente do WordPress oferece. Falaremos sobre a edição completa do site, uma série de melhorias no editor de blocos e inúmeras mudanças ocultas que tornam este o melhor WordPress até agora.
Evento de lançamento do WordPress 6.0 – O que você precisa saber sobre o WordPress mais recente
Quarta-feira, 1 de junho, das 13h às 14h CT
Registrar agora
Não consegue fazer o webinar ao vivo? Vá em frente e registre-se e nós lhe enviaremos o replay.
Veja o horário do webinar no seu fuso horário.
Como atualizar para o WordPress 6.0
Atualize todos os seus sites WordPress a partir de um painel
Em vez de fazer login em vários sites do WordPress para realizar atualizações, você pode atualizá-los todos em um local central. O iThemes Sync foi projetado para tornar o gerenciamento de vários sites WordPress rápido e fácil.
Kristen escreve tutoriais para ajudar os usuários do WordPress desde 2011. Como diretora de marketing aqui na iThemes, ela se dedica a ajudá-lo a encontrar as melhores maneiras de construir, gerenciar e manter sites WordPress eficazes. Kristen também gosta de escrever no diário (confira seu projeto paralelo, The Transformation Year !), caminhadas e acampamentos, aeróbica, culinária e aventuras diárias com sua família, esperando viver uma vida mais presente.