O WordPress 6.1 foi programado para ser lançado em 1 de novembro de 2022, e será o terceiro maior lançamento do ano, após o WordPress 6.0 Arturo, lançado em 24 de maio, e WordPress 5.9 Josephine, lançado em 25 de janeiro.
Como sempre acontece, novas versões do WordPress trazem novas características, melhorias e correções de bugs das últimas versões do plugin Gutenberg para o núcleo. E o WordPress 6.1 não será exceção, já que 11 versões do plugin Gutenberg serão fundidas no núcleo, de 13.1 a 14.1.
Estas são as principais datas do calendário de lançamento:
- Beta 1 & Feature Freeze: 20 de setembro de 2022 – A partir desta data, os principais colaboradores irão se concentrar em testar e corrigir bugs
- Release Candidate 1: 4 de outubro de 2022 – Publicação o Guia de Campo com Notas de Desenvolvimento
- Dry Run: 24 de outubro de 2022
- WordPress 6.1 General Release: 1 de novembro de 2022
No momento em que escrevemos este artigo, as notas de desenvolvimento e o guia de campo ainda não foram publicados, mas já podemos dar uma olhada atrás das cortinas e tentar entender o que podemos esperar com o próximo grande lançamento do WordPress.
Matias Ventura nos dá algumas ideias no Roadmap para 6.1, onde ele diz que o objetivo do 6.1 é refinar as experiências introduzidas com 5.9 e 6.0 e consertar algumas coisas à medida que nos aproximamos da fase 3 do Roadmap de Gutenberg.
1. Melhorias no editor de templates: Uma das principais novidades é o Editor de Template. O WordPress 6.1 deve introduzir a capacidade de navegar, visualizar e editar a estrutura do site.
2. Padrões de modelos: O objetivo é dar aos padrões de blocos um papel central na criação de modelos e páginas, adaptando-os aos tipos de artigos e tipos de blocos personalizados, melhorando a funcionalidade de travamento, melhorando o gerenciamento de padrões salvos, etc.
3. Estilos, blocos globais & ferramentas de design: O WordPress 6.1 permitirá gerenciar webfonts, implementar tipografia responsiva, e expandir o conjunto de ferramentas disponíveis para blocos.
Dito isto, vamos dar uma olhada mais de perto em alguns dos recursos mais poderosos que vêm com o WordPress 6.1:
Conversão automática de imagem para o formato WebP
Apresentado pela primeira vez no WordPress com 5.8, WebP é um formato de imagem moderno que fornece compressão superior sem perdas e com perdas para imagens na web.
Mas mesmo que você possa carregar suas imagens do WebP para o WordPress usando a Biblioteca de Mídia, o WordPress não suporta a conversão automática de imagens para o formato WebP. Para ativar esse recurso em seu site, você usaria um plugin WebP WordPress de terceiros.
Agora, começando com o WordPress 6.1, subtamanhos de imagem devem ser criados automaticamente em formatos de arquivo alternativos. Além disso, o WordPress 6.1 introduz três novos filtros para permitir que os desenvolvedores possam controlar o tipo de mímica dos subtamanhos gerados e usados pelo WordPress no frontend.
E, com 6.1, o WordPress irá gerar e usar subtamanhos WebP quando disponíveis por padrão.
Quando um usuário faz o upload de uma imagem JPEG, o WordPress pode gerar automaticamente tanto WebP quanto subtamanhos JPEG. O WordPress será então capaz de servir imagens WebP no frontend. Imagens JPEG serão usadas em contextos onde o WebP ainda não é suportado (por exemplo, e-mail).
Este é o comportamento padrão. Os desenvolvedores serão capazes de anular as configurações padrão e determinar qual formato de imagem usar através de filtros.
Quando novos tipos de mímica são gerados, apenas aquelas imagens cujos tamanhos são menores que seus respectivos originais são retidos. Por padrão, tipos adicionais de mímica são gerados apenas para tamanhos de imagem padrão e para tamanhos personalizados quando você tiver optado pelo suporte.
Esta mudança também introduz três novos filtros que fornecem controle total sobre a saída do tipo mímico secundário:
wp_image_sizes_with_additional_mime_type_supportpermite aos desenvolvedores controlar o tipo de mímica de imagem por tamanhowp_upload_image_mime_transformspermite aos desenvolvedores controlar o tipo de mímica de imagem para uma determinada entrada e até mesmo anular o tipo de mímica originalwp_content_image_mimespode ser usado para controlar a ordem de saída do tipo mímico para imagens de conteúdo. Ao renderizar imagens na página, o primeiro tipo de mímica disponível será usado.
Esta mudança deve trazer uma redução média de 30% no tamanho do arquivo.
Antes do lançamento final do 6.1, você pode testar o novo recurso com o plugin Performance Lab do Grupo de Performance do WordPress.
No entanto, a mudança parece controversa, e muitos colaboradores continuam a relatar problemas. Especificamente, foi notado que:
Os recursos para gerar imagens quando você carrega uma imagem aumentarão drasticamente, porém os recursos para servir uma imagem serão reduzidos. Uma vez que o upload de imagens é muito raro em comparação ao serviço de imagens, o esforço extra para comprimir e armazenar imagens deve valer a pena.
E:
Na verdade, esse aumento dramático do uso de recursos ao fazer upload de uma imagem é um efeito colateral muito ruim aqui. Isso significa que muitos uploads falharão e deixarão os usuários presos. Isso também aumentará drasticamente as solicitações de suporte tanto para o WordPress quanto para as empresas de hospedagem. Não pense que isto é aceitável. Por causa disso, mesmo que o suporte a imagens multimídia seja necessário no WordPress, a abordagem atual não parece ser uma boa solução.
Então, no momento de escrever, ainda não está claro se o uso do formato WebP em subtamanhos de imagem será habilitado por padrão ou o administrador do site terá que optar por servir o formato WebP no frontend do seu site. Enquanto isso, a conversão automática JPEG para WEBP foi temporariamente desabilitada. Para um resumo significativo da discussão em andamento, confira o artigo de Sara Gooding sobre a WP Tavern.
Fluid tipografia
WordPress 6.1 adiciona suporte para Fluid tipografia via calc/clamp Funções do CSS.
A expressão Fluid tipografia descreve a capacidade do texto de se adaptar à largura do viewport, suavemente escalando de uma largura mínima para uma largura máxima.
É algo diferente do que você pode conseguir com as consultas de mídia, pois as consultas de mídia permitem que os temas redimensionem o texto dependendo do tamanho específico do viewport, mas não fazem nada entre valores diferentes.
Alguns temas já suportam tipografia fluida. Twenty Twenty-Two, por exemplo, usam a função CSS clamp() para vários tamanhos de fontes. Por exemplo, a função CSS :
"settings": {
...
"custom": {
"spacing": {
"small": "max(1.25rem, 5vw)",
"medium": "clamp(2rem, 8vw, calc(4 * var(--wp--style--block-gap)))",
"large": "clamp(4rem, 10vw, 8rem)",
"outer": "var(--wp--custom--spacing--small, 1.25rem)"
},
"typography": {
"font-size": {
"huge": "clamp(2.25rem, 4vw, 2.75rem)",
"gigantic": "clamp(2.75rem, 6vw, 3.25rem)",
"colossal": "clamp(3.25rem, 8vw, 6.25rem)"
}
}
}
}Como você pode ver no código acima, os valores do tamanho da fonte fluida são usados para cada tamanho de fonte.
Agora, a partir do WordPress 6.1, os temas são habilitados para gerar automaticamente tamanhos de fontes fluidas, declarando a nova propriedade typography.fluid da seguinte forma:
"settings": {
....
"typography": {
"fluid": true,
"fontSizes": [
{
"size": "2rem",
"fluid": {
"min": "2rem",
"max": "2.5rem"
},
"slug": "medium",
"name": "Medium"
}
]
}Usando typography.fluid e typography.fontSizes[].fluid, o valor de cada tamanho de fonte é calculado automaticamente usando a seguinte fórmula:
--wp--preset--font-size--{slug}: clamp({fluid.min}, {fluid.min} + ((1vw - 0.48rem) * 1.592), {fluid.max});Por exemplo:
--wp--preset--font-size--large: clamp(2rem, 2rem + ((1vw - 0.48rem) * 1.592), {2.5rem});Note que no momento em que escrevemos este artigo, a tipografia fluida é uma característica experimental. Você pode mergulhar nos detalhes técnicos em Suportes de bloco: adicionar tipografia de fluidos.
Fluid typography is a significant improvement for building modern #WordPress websites. We just updated @frostwp to include this feature. Here’s a great read from @richard_tabor into what it is and why it matters. https://t.co/Bq5YuHX3wi
— Brian Gardner (@bgardner) August 8, 2022
Veja também Como adicionar Tipografia de Fluidos aos Temas de Bloco do WordPress por Rich Tabor e Tipografia de Fluidos com Gutenberg por Carolina Nymark.
Tipos de blocos melhorados
Com tantas versões do Gutenberg fundidas no núcleo, o WordPress 6.1 vai trazer toneladas de mudanças e melhorias aos tipos de blocos existentes.
Adicionado suporte de bordas para o bloco de colunas
O bloco Columns agora alavanca o novo componente BorderBoxControl que permite aos usuários do WordPress especificar bordas personalizadas para as colunas, definindo também estilos completamente diferentes para cada borda (veja também Column: Add border support to column blocks pull request).
As bordas individuais também podem ser definidas no arquivo theme.json como segue:
"core/column": {
"border": {
"top": {
"color": "#CA2315",
"style": "dashed",
"width": "6px"
},
"right": {
"color": "#FCB900",
"style": "solid",
"width": "6px"
}
}
}Os desenvolvedores podem ler mais sobre o novo controle em Referência de Componentes – BorderBoxControl.
Controles de bordas para blocos de imagem
Gutenberg 13.8 introduziu suporte para todos os controles de bordas para o bloco de imagens. A mudança será adicionada ao núcleo com o WordPress 6.1, abrindo a porta para novas e grandes oportunidades para os criativos da web.
Melhorias no bloco de comentários
O WordPress 6.1 também nos traz um bloco de comentários melhorado. A partir da próxima versão do WordPress, os usuários poderão usar recursos de edição mais avançados no bloco de Comentários.
Na imagem abaixo, você pode ver a barra lateral de configurações de bloco de comentários e as mudanças aplicadas ao título dos comentários.
Alterações no bloco de termos de artigo para termos de taxonomia personalizada
O bloco termos de artigo foi melhorado com uma nova variação de taxonomia personalizada. Agora você pode registrar uma nova taxonomia personalizada, dizer “Atores em um Filme” tipo de artigo, e você poderá adicionar uma lista de termos de taxonomia ao artigo atual ou ao tipo de artigo personalizado.
A imagem abaixo mostra uma lista de atores em um tipo do artigo de filme.
Um novo filtro principal para o bloco de consulta
Um novo filtro principal está agora disponível para o Bloco de Consultas para exibir artigos hierárquicos e páginas com o principal.
Controles da família de fontes no bloco de cabeçalho
O Heading Block agora suporta os controles da Família de Fontes.
Espaçamento horizontal e vertical em bloco de galeria
Começando com o WordPress 6.1, um novo controle de espaçamento axial permite que você defina diferentes espaços horizontais e verticais para imagens no bloco da Galeria.
Esta mudança resulta em uma maior flexibilidade na criação do layout das galerias de imagens.
Imagens em destaque em bloco de capa
As imagens em destaque ainda recebem muita atenção, e no WordPress 6.1, o escopo do seu uso é ainda mais ampliado. A partir de 6.1, a imagem em destaque pode ser selecionada diretamente do bloco de cobertura, como mostrado nas imagens a seguir.
Esta mudança deve ajudar a criar uma experiência de usuário mais consistente, tornando mais claro para o usuário o que ele está personalizando.
Além disso, uma alavanca de imagem em destaque foi adicionada para substituir o fluxo de mídia.
Ferramentas de aparência para links de pós navegação
A propriedade de configuração appearanceTools permite que você opte por várias configurações que estão desabilitadas por padrão.
Desde o WordPress 6.1, para temas que suportam a propriedade de configuração appearanceTools, você pode personalizar a cor do link e a família de fontes no link de pós navegação.
Você pode ler mais sobre a propriedade appearanceTools em nossa introdução ao tema Twenty Twenty-Two.
Bloqueio dentro do bloco de contêineres com um clique
Uma nova chave múltipla agora permite aos usuários travar blocos em um contêiner de blocos com um único clique. Isto se aplica aos blocos de Grupo, Capa e Coluna.
Recursos adicionais e melhorias no editor de blocos
Embora seja uma versão consolidada, o WordPress 6.1 trará tantas mudanças e melhorias que seria impossível listar todas elas em um único artigo. Além do novo bloco do Índice e das mudanças listadas acima, veremos:
Variações da peça modelo no inseridor de blocos
As variações das peças modelo estão agora disponíveis no inseridor de blocos, facilitando a adição de peças modelo ao seu site.
Esta mudança torna o processo de edição mais simples e rápido, permitindo que os usuários visualizem rapidamente as variações de uma peça modelo tudo de uma só vez com apenas alguns cliques.
Visualizar margem e padding
Uma pequena, mas útil melhoria é o destaque das margens e do padding enquanto o usuário está ajustando-as. Isto deve tornar muito mais claro quanto espaço está sendo adicionado dentro ou fora dos elementos.
Melhorias na barra lateral de configurações
O WordPress 6.1 também mostrará várias melhorias na interface da barra lateral de configurações.
A barra lateral de configurações do artigo foi ligeiramente redesenhada. Agora os campos para formato artigo, slug, template e autores estão alinhados e têm a mesma largura. Além disso, o agendador de publicação foi simplificado para tornar a experiência mais compreensível. A seção de modelos também foi movida para um popover para economizar espaço e limpar a interface.
Além disso, o painel de modelos foi substituído por um link de modelo. Quando clicado, o link do template exibe o template padrão em um popover.
Atualizações no design de publicação Popover
O seletor de datas no popover de publicação foi redesenhado e agora usa “componentes WordPress existentes e estilo Emoção”.
Mais informações técnicas estão disponíveis em Design updates to the Publish popover (DateTimePicker).
Tempo de leitura no Painel de Informação
O painel de Informação disponível na barra de ferramentas superior foi melhorado e agora exibe Tempo de leitura, além de Palavras, Caracteres, Cabeçalhos, Parágrafos e Blocos.
O tempo de leitura estimado é calculado em uma média de 189 palavras por minuto. Leia mais em @wordprespress/editor: Adicione o tempo estimado de leitura à tabela de conteúdo no editor.
Novas e melhoradas ferramentas de construção
O WordPress 6.1 também ampliará a funcionalidade do Site Builder. Padrões de blocos estarão disponíveis em mais lugares e uma escolha mais ampla de tipos de modelos irá melhorar a experiência de edição no editor de modelos.
Padrões de criação para tipos de artigos
O WordPress 6.0 introduziu Criação de Páginas Padrões, que são uma forma de fornecer uma seleção de padrões cada vez que um usuário cria uma nova página. Desta forma, você não precisa construir a página do zero, mas pode escolher um padrão a partir de um modal e preencher o conteúdo, e você está pronto para ir.
Para ativar este recurso, pelo menos um padrão de blocos deve declarar o suporte para os tipos de blocos core/post-content.
Agora, começando com o WordPress 6.1, este recurso se estende a todos os tipos de artigos. Tudo o que você precisa fazer é incluir core/post-content no seu padrão blockTypes e definir o postTypes relevante.
Agora vamos descobrir como tirar proveito desta nova característica com um exemplo prático. Suponha que você tenha um tipo de artigo de filme.
Primeiro, você precisa registrar um padrão de bloco, como discutido aqui.
Ou você pode seguir o caminho mais fácil e usar o registro de padrão implícito (para simplificar neste exemplo, nós usaremos o registro de padrão implícito).
Crie um arquivo PHP para seu padrão de bloco em um diretório /patterns na pasta do seu tema (para este exemplo, nós usamos Twenty Twenty-Two). Então adicione o seguinte cabeçalho:
<?php
/**
* Title: Pattern with columns
* Slug: twentytwentytwo/pattern-with-columns
* Block Types: core/post-content
* Post Types: movie
* Categories: text
*/
?>
<!-- wp:heading -->
<h2>Hello there!</h2>
<!-- wp:heading -->E é isso aí. Agora, cada vez que você cria um novo tipo de post de Filme, um Modal Choose a pattern aparece na tela.
Se você quiser que o modal apareça em vários tipos de artigos, basta adicionar as balas correspondentes separadas por vírgulas:
<?php
/**
* Title: Pattern with columns
* Slug: twentytwentytwo/pattern-with-columns
* Block Types: core/post-content
* Post Types: movie, book
* Categories: text
*/
?>
<!-- wp:heading -->
<h2>Hello there!</h2>
<!-- wp:heading -->Para uma visão mais próxima dos padrões de criação, veja Habilidade de usar padrões de criação para outros tipos de artigos além da página.
Mais tipos de modelos no editor do site
Com o WordPress 6.0, apenas um número limitado de modelos pode ser criado no Editor do Site:
Começando com o WordPress 6.1, será possível criar um modelo diferente para cada tipo de artigo individual.
E você também pode adicionar e editar templates para taxonomias centrais e personalizadas, mesmo para categorias ou tags únicas.
Se você registrar tipos de artigos personalizados ou uma taxonomia personalizada, eles serão automaticamente listados na caixa de seleção de modelos do Editor do Site.
Mas não só isso. Uma vez selecionado o tipo de mensagem modelo, um modal solicita ao usuário se ele deve criar um modelo para todas as mensagens desse tipo ou criar um novo modelo para uma mensagem específica do tipo selecionado.
Então um novo modal fornece uma lista dos artigos disponíveis para aquele tipo de artigo.
Mudanças para desenvolvedores
O WordPress 6.1 também adiciona uma nova API e várias melhorias para os desenvolvedores.
Novas preferências Persistence API
O WordPress 6.1 introduz uma API de persistência de preferências totalmente nova que salva as preferências do editor no banco de dados do WordPress ao invés do armazenamento local.
Desta forma, as preferências do usuário podem ser armazenadas em todos os navegadores e dispositivos.
Para este propósito, o sistema de persistência anterior no pacote @wordpress/data foi depreciado, e um novo pacote preferences-persistence foi introduzido. O novo pacote salva dados para o usuário meta através da Rest API. Os dados também serão salvos no armazenamento local como um fallback caso o usuário fique offline ou uma requisição seja interrompida (veja também o arquivo #39795).
Suporte para estilos de botões no theme.json
Com o WordPress 6.1, você pode adicionar estilos de botões aos seus temas usando o theme.json. Isto permite que os desenvolvedores de temas adicionem consistência aos botões através de blocos. Um exemplo é o bloco de busca, mas também blocos de terceiros serão beneficiados com esta mudança.
Para tornar isso possível, uma nova classe wp-element-button será adicionada aos elementos de botões para compartilhar o mesmo estilo.
Você pode testar esta mudança adicionando o seguinte código ao seu theme.json em um ambiente de teste:
{
"styles": {
"elements": {
"button": {
"color": {
"background": "blue"
}
}
}
}
}A pesquisa de variações de blocos agora suporta Vars de consulta
O WordPress 6.1 suportará variações de blocos de busca baseados em vars de consulta. Isto significa que você será capaz de fornecer aos seus usuários caixas de busca para serem usadas para pesquisar qualquer tipo de conteúdo.
No exemplo a seguir, estamos registrando uma variação de bloco para um tipo de artigo movies. O exemplo é baseado no tutorial de Carolina Nymar sobre variações de blocos.
No arquivo de funções do seu tema filho (child theme), adicione o seguinte código:
function movies_editor_assets() {
wp_enqueue_script(
'movies-block-variations',
get_template_directory_uri() . '/assets/block-variations.js',
array( 'wp-blocks' )
);
}
add_action( 'enqueue_block_editor_assets', 'movies_editor_assets' );Agora, crie o seguinte arquivo block-variations.js na pasta de ativos do seu tema filho (child theme):
wp.blocks.registerBlockVariation(
'core/search',
{
name: 'movie-search',
title: 'Movie Search Block',
attributes: {
query: {
post_type: 'movies'
}
}
}
);Agora recarregue seu painel de controle do WordPress e procure por uma variação do Bloco de Pesquisa de Filmes no inseridor de blocos.
Você pode ler mais sobre variações de blocos na documentação oficial.
Um novo elemento de botões em estilos globais
O WordPress 5.9 introduziu uma interface de Estilos Globais para permitir que os usuários personalizem as predefinições de estilo para seus sites, seja globalmente ou em nível de bloco.
Com a primeira implementação, você poderia personalizar as cores para Fundo, Texto e Links. Agora, começando com o WordPress 6.1, um novo elemento de Botões foi adicionado ao painel de Cores para permitir que os usuários controlem a aparência dos botões em todos os seus sites.
Isso afetaria o estilo dos botões em tudo o site, desde o bloco Botões até o bloco Procurar e blocos de terceiros fazendo uso de botões.
Resumo
De fato, há muitas novidades com o WordPress 6.1, mas ainda é cedo para fazer uma avaliação final do último lançamento de 2022. Além disso, no momento em que escrevemos este artigo, nós ainda não chegamos ao Feature Freeze, então ainda pode haver recursos adicionais e mudanças a serem discutidas antes do lançamento final programado para 1 de novembro.
Embora já possamos estar bastante seguros das novas funcionalidades que veremos graças às 11 versões do Gutenberg fundidas no núcleo, ainda não temos certeza de como a conversão do JPEG para WebP será implementada e outras mudanças podem ser adicionadas àquelas listadas acima.
Mas continue nos acompanhando, pois estaremos atualizando este artigo à medida que houver mudanças dignas de atenção e novas funcionalidades forem fundidas no núcleo.
Agora é com você. O que você espera da próxima versão do WordPress? Você já testou o Nightly Build em seu ambiente de teste? Compartilhe conosco suas ideias sobre o WordPress 6.1 na seção de comentários abaixo.
Deixe uma resposta