Gutenberg 13.1 envia um lote de melhorias e implementa um novo componente de design de fronteira – WP Tavern

O Gutenberg 13.1 chegou ao diretório de plugins do WordPress hoje cedo. Não tão pesado na lista de recursos quanto seu antecessor, a atualização se concentra mais em melhorias e correções de bugs. O destaque do lançamento é o componente de design de borda revisado.

Um bug notável que os autores de temas devem observar é a falta de estilos no editor do site. Ao enfileirar folhas de estilo via wp_enqueue_block_style(), eles estão visivelmente ausentes. Este bug foi introduzido no Gutenberg 13.0, mas ainda não foi corrigido. Não é um problema nas versões beta do WordPress 6.0 e está presente apenas no plugin.

Esta versão também incluiu algumas mudanças relacionadas a blocos que não me aprofundarei mais tarde. O bloco Categorias agora tem uma configuração para ocultar categorias “vazias” (aquelas sem postagens). E o botão duotônico tem um novo ícone em forma de triângulo por padrão, que reverte para sua forma circular quando um filtro é aplicado.

Novos controles de fronteira

Editor de postagem do WordPress com um bloco de grupo na tela de conteúdo.  Na lateral, o controle de borda é desvinculado, mostrando opções para os quatro lados.  Há um popover para escolher a cor de um lado e seu estilo.
Ajustando todas as quatro bordas de um bloco de grupo.

Gutenberg 13.0 introduziu novos BorderControl e BoxBorderControl componentes. Essas atualizações foram uma revisão das ferramentas de design de borda anteriores que os usuários veriam no inspetor de blocos.

Com o 13.1, qualquer bloco que opte pelo suporte de fronteira usará os novos componentes. Isso permite que os usuários finais definam as bordas superior, direita, inferior e esquerda. Os autores do tema também podem registrar essas fronteiras individuais via theme.json para blocos específicos.

Juntamente com esta atualização, o bloco Column principal agora tem suporte de borda.

Bloco “Configurações” Painel renomeado

Bloco de arquivos no editor do WordPress.  À direita, o painel de nível superior no inspetor é nomeado
Painel de configurações do bloco, conforme mostrado com o bloco Arquivos.

Uma das minhas mudanças favoritas provavelmente não receberá muita atenção, mas vale a pena mencionar. Mais de uma dúzia de blocos tinham painéis de configurações personalizadas que diziam “Configurações do nome do bloco” no inspetor de blocos. Todos eles foram reduzidos a “Configurações”.

A atualização pode parecer menor, mas a interface do usuário é mais polida sem a sujeira. Não é o trabalho mais empolgante que os colaboradores estão colocando no projeto, mas é o material necessário que cria uma melhor experiência do usuário a longo prazo.

Os autores de plugins que seguiram o esquema de nomenclatura do Gutenberg para os painéis de configurações de seus próprios blocos devem tomar nota. Talvez seja hora de fazer o mesmo.

Alteração do tamanho da fonte de mídia e texto

Bloco de mídia e texto na tela de conteúdo do editor do WordPress.  Uma caneca de café fica à esquerda e o conteúdo vazio à direita.
Tamanho da fonte em Mídia e texto agora definido como padrão.

A versão mais recente do plug-in altera o modelo usado para criar o bloco de mídia e texto. No passado, um tamanho de fonte grande era dado ao bloco de parágrafo padrão inserido na coluna “texto”. A atualização remove esse problema.

Este tem sido um daqueles padrões frustrantes definidos pelo editor que os usuários precisariam ajustar cada vez que adicionassem o bloco. Também foi um problema para os desenvolvedores de temas que removeram ou não ofereceram suporte a esse tamanho de fonte específico.

Agora, se pudéssemos fazer o mesmo para o bloco Cover…

Loop de consulta de comentários aprimorado e blocos relacionados

Editor de site WordPress, exibindo um Loop de consulta de comentários e dois comentários.  Acima deles fica um bloco de Título de Comentários.
Novos comentários Bloco de título.

Duas semanas atrás, revisei os novos blocos relacionados a comentários enviados com o WordPress 6.0. Embora os conceitos tivessem potencial, a experiência ainda era mais problemática do que eu esperava no final do ciclo de lançamento. No entanto, esses problemas agora são corrigidos por meio de um grande esforço de equipe. A maioria, se não todos, também deve estar no WordPress 6.0 Beta 3, que chegou ontem.

A introdução do bloco Comments Query Loop abriu uma tonelada de flexibilidade para autores de temas e usuários. Ele atua como um wrapper para outros blocos relacionados a comentários que podem ser reorganizados para diferentes designs.

Os principais problemas estavam na saída do front-end. As classes de comentários não eram emitidas por meio do bloco de modelo de comentário, mas esse recurso não era um fator decisivo. No entanto, o ID ausente significava que os links permanentes de comentários e o script de resposta a comentários não estavam funcionando.

Uma das outras peças que faltavam era o título “X respostas ao título do post”. Isso foi necessário para trazer paridade de recursos com o bloco Post Comments, obsoleto no Gutenberg 13.0. Eu compartilhei um ponto de partida que outros, particularmente Carlos Bravo, construíram, criando uma versão ainda melhor. Agora, temos um bloco de título de comentários dedicado em Gutenberg. Fiquei feliz em desempenhar um pequeno papel para que isso acontecesse.

Deixe um comentário

O seu endereço de e-mail não será publicado.