Gutenberg 11.5 adiciona agrupamento de widgets, itera no recurso Block Gap e atualiza menus de navegação

O Gutenberg 11.5 pousou hoje cedo. É uma versão robusta que inclui alterações extensas no bloco de navegação, uma nova maneira de agrupar widgets e mais integração de recursos de lacuna de bloco.

Eu tive reações mistas aos recursos que o tornaram na versão mais recente. Em alguns pontos, pensei comigo mesmo, finalmente, isso chegou ao . Em outros momentos, fiz minha melhor versão do famoso facepalm de Jean-Luc Picard. Mas, a roda continua girando, e os desenvolvedores que colocam seu tempo e esforço no projeto continuam a melhorá-lo.

Uma observação rápida é que todos que não executam um tema que suporte o editor de blocos devem verificar se seus estilos de back-end não estão fora do lugar. O Gutenberg gera automaticamente alguns estilos de editor padrão se o tema ativo do usuário não registrar seu próprio ou tiver um arquivo theme.json presente. Isso deve ser empacotado na versão pontual, como o WordPress 5.8.2, para que os usuários não esperem até 5.9.

Alterações do bloco de navegação

Com os menus de navegação ainda sendo um ponto problemático na edição de sites, Gutenberg adicionou novos níveis de complexidade. Os blocos Título do Site e Logotipo do Site são permitidos dentro do container de Navegação.

Como Joen Asmussen compartilhou no ticket original, alguns layouts complexos se beneficiariam ao permitir mais elementos internos no bloco de navegação:

Isso pode abrir um mundo de possibilidades de layout para autores de temas por meio de padrões personalizados.

Não tenho nenhum problema com Gutenberg abordando a base para esses layouts mais avançados. No entanto, ainda temos que suavizar o básico da navegação. A experiência de pesquisar e inserir links no site é, na melhor das hipóteses, medíocre, exigindo vários cliques do mouse. Há um bilhete aberto para uma experiência de navegação mais leve, e esse deve ser o foco.

Os autores de temas também devem observar que o bloco Navigation agora conta com a propriedade gap CSS para espaçamento em vez de margin . Quase perdi isso desde que personalizei isso para meus próprios projetos meses atrás - bem-vindo a 2021, onde não precisamos mais confiar em soluções de margem hacky para espaçamento simples . Essa alteração pode afetar os designs de temas existentes.

Aviso de administração do FSE limitado à tela de temas

Há muitas queixas a serem feitas com o plug-in Gutenberg, pois seus recursos estão constantemente em fluxo. No entanto, a coisa mais irritante sobre a execução do plug-in tem sido o aviso de administrador persistente e não descartável quando um usuário está executando um tema de bloco.

Nas versões anteriores do plug-in, este aviso aparecia em todas as telas do back-end. Agora, ele só aparece na página Temas/Aparência.

Nos últimos meses, mantive o plugin Toolbelt de Ben Gillbanks ativo com o único propósito de ocultar este aviso.

Boa despedida. Até a próxima.

Bloco de grupo de widgets

Embora eu geralmente acredite que os desenvolvedores de plugins do Gutenberg e o núcleo do WordPress fazem bom uso do feedback, o sistema de widgets baseado em blocos tem sido uma área em que o projeto caiu a bola. Como venho repetindo desde setembro de 2020, o recurso estava fundamentalmente quebrado. O objetivo era permitir que os usuários finais adicionassem blocos em mais lugares, mas nunca foi compatível com a marcação e os estilos de temas clássicos.

Propus o uso de padrões, mas a equipe optou por um bloco de grupo de widgets. O resultado final é semelhante, mas não exatamente o mesmo. A boa notícia é que ele corrige o que deveria ter sido um bloqueador para o recurso de aterrissagem no núcleo.

A melhor notícia é que isso provavelmente chegará ao WordPress 5.8.2 em vez da versão 5.9 no final deste ano.

Eu não iria tão longe a ponto de chamá-lo de uma solução perfeita. A experiência não deixa claro imediatamente como adicionar um título de widget. Os usuários devem primeiro adicionar um bloco. Depois que um bloco é adicionado, eles podem clicar no espaço reservado para título/título que aparece. Em seguida, a interface do usuário muda para um campo para digitar o título.

O vídeo a seguir mostra como funciona o bloco Widget Group:

Eu preferiria ter um pouco de experiência maluca do que nenhuma solução. Pelo menos os usuários agora não precisam criar manualmente wrappers de widget. Alguns podem até desativar o plug-in Classic Widgets se esse problema for um atraso.

Variação de grupo de “linha” e layouts flexíveis

Para começar a testar o novo sistema de layout flexível introduzido no Gutenberg 11.2, a equipe de desenvolvimento adicionou uma variação no bloco Group chamado Row. Isso permite que os usuários alinhem os blocos internos lado a lado em vez de um em cima do outro no layout padrão de “fluxo”.

Existem vários casos de uso para o recurso. Um dos principais cenários para autores de temas será alinhar blocos de metadados de postagem e comentário um ao lado do outro. Anteriormente, isso exigia o uso do bloco Colunas ou estilos personalizados, nenhum dos quais é ideal.

A experiência é áspera em torno das bordas. Muitas vezes achei difícil clicar no local certo para editar um bloco, e o botão de anexar nem sempre aparecia para adicionar novos.

O bloco de ícones sociais também usa o novo layout flexível. No entanto, atualmente não há como alternar para o modo de fluxo para links sociais verticais.

Mais integração do Block Gap

O bloco Columns agora usa o recurso de intervalo introduzido no Gutenberg 11.4 para lidar com o espaçamento entre blocos Column individuais. Ainda não há interface do usuário para os usuários finais controlarem isso, mas é provável que chegue a uma versão futura à medida que o recurso evolui.

O Gutenberg 11.5 agora adicionou uma margem inferior ao título do post no editor. Por alguma razão, a equipe de desenvolvimento deu um salto e assumiu que o tratamento atual do recurso de intervalo de bloco precisava disso. É um problema complexo de resolver. Enquanto isso, alguns usuários podem ver mais espaços em branco do que estão acostumados entre o título e o conteúdo no editor.

Claro, isso depende do tema ativo, seu suporte ao recurso de intervalo de bloco e seus estilos atuais.

Suporte para pós-autor Duotone

Para algo que deveria ser destinado à pilha de sucata, o bloco Post Author agora tem uma nova vida na forma de suporte de filtro duotone para seu avatar. Funciona da mesma forma que para outros blocos, como Imagem e Capa.

O problema é que o Post Author foi punido da última versão do WordPress porque ainda não estava pronto. O bloco é um mashup estilo Frankenstein do nome, avatar e descrição do autor. Estes devem ser vários blocos que os autores e usuários do tema podem organizar em layouts exclusivos.

Embora o suporte a dois tons simplesmente adicione uma linha extra de código, não faz sentido continuar trabalhando no bloco em sua forma atual. Eu adoraria vê-lo como parte de um bloco Post Author Avatar separado.