Gutenberg 9.7 melhora a experiência do usuário, atualiza blocos reutilizáveis ​​e traz modelos de página para temas FSE – WordPress Tavern

O Gutenberg 9.7 chegou ontem com várias atualizações e melhorias. Os usuários devem esperar ver mudanças na interface para variações de bloco, transformações e padrões. Blocos reutilizáveis ​​estão sendo trabalhados após o que parecia ser um hiato. Os desenvolvedores também podem adicionar modelos de página personalizados aos seus temas WordPress baseados em blocos.

Este lançamento teve o menor número de correções de bugs que vi em algum tempo. A equipe de desenvolvimento colocou apenas oito correções na atualização, o que pode sinalizar que as coisas estavam mais estáveis ​​do que o normal após o lançamento da versão 9.6, algumas semanas atrás.

A maior parte do trabalho em 9.7 lidou com novos recursos e aprimoramentos. Como esperado, Full Site Editing teve seu quinhão de tempo. No entanto, mesmo isso parecia um pouco atrasado para este lançamento. Muitas das atualizações são para a interface de pós-edição.

Melhorias na experiência do usuário

A equipe lançou várias atualizações sobre como os recursos funcionam no editor. Alguns deles podem parecer menores, mas melhoram a experiência geral do editor.

As variações de bloco receberam um aprimoramento bem-vindo. Variações ocorrem quando um bloco subjacente é usado para criar múltiplas variações do mesmo bloco. Por exemplo, o bloco Embed tem YouTube, Twitter e outras variações. Em versões anteriores, o inspetor de bloco na barra lateral e navegação de bloco mostrava o nome genérico, o ícone e a descrição. No entanto, Gutenberg 9.7 agora mostrará os detalhes da variação em uso.

Exemplo de uso da variação de bloco do YouTube Embed e mostrando seus detalhes na barra lateral.
Variação do YouTube para o bloco Embed.

Ao transformar um bloco, os usuários podem ver uma prévia de como será a aparência do bloco. Esta é uma pequena melhoria. No entanto, pode poupar algumas dores de cabeça antes de decidir transformar um bloco em outro.

Transformando uma citação em uma pullquote no editor de bloco.
Visualize ao transformar o bloco de citações em um Pullquote.

Gutenberg 9.6 introduziu um recurso de arrastar e soltar para blocos no insersor. A equipe agora estendeu esse recurso para bloquear padrões. Este é apenas mais um degrau na escada para quem procura mais recursos de arrastar e soltar.

Blocos reutilizáveis ​​atualizados

Já faz um tempo desde que testei blocos reutilizáveis. O recurso aparentemente ficou em segundo plano em relação a outros recursos mais recentes no ano passado ou assim. Nunca me senti muito melhor do que um protótipo inicial. Ainda não há maneira de gerenciá-los facilmente, a menos que você saiba onde procurar. No entanto, parece que a equipe de desenvolvimento de Gutenberg está desenvolvendo ativamente esse recurso quase esquecido.

Os usuários podem esperar mais em versões futuras. “Com base nessas mudanças, a IU para blocos reutilizáveis ​​provavelmente terá algumas iterações nas próximas semanas”, escreveu Riad Benguella no post de anúncio.

Fiz um teste inicial para ver como era o recurso no Gutenberg 9.7. Após clicar no botão “Adicionar aos blocos reutilizáveis”, o editor fez um flash rápido. Em seguida, uma notificação apareceu na parte inferior da tela de que o bloco reutilizável foi criado. Como eu não estava com o painel da barra lateral de opções de bloco aberto no momento, não vi uma maneira de editar o título do bloco reutilizável. Meu pensamento imediato foi que a equipe pegou um recurso já incompleto e o tornou exponencialmente pior.

Após pesquisar mais, descobri que os usuários podem editar o título do bloco reutilizável na barra lateral de opções de bloco. No entanto, a equipe não parou por aí. Eles adicionaram várias melhorias ao recurso.

Editando o nome de um bloco reutilizável no editor do WordPress.
Editando o nome do bloco reutilizável no painel da barra lateral.

Os blocos reutilizáveis ​​agora são editáveis ​​no próprio editor de postagem. Os usuários podem arrastar uma imagem para fora do bloco, por exemplo. A barra lateral do inspetor está disponível para os blocos internos. Os blocos reutilizáveis ​​agora têm a aparência de qualquer outra parte do editor. Todas as edições refletirão em todas as instâncias dos blocos reutilizáveis ​​no site.

A grande diferença está em como eles são salvos.

Salvar a postagem e os blocos reutilizáveis ​​de uma vez no editor de blocos.
Salvando um bloco reutilizável junto com a postagem.

Os blocos reutilizáveis ​​agora fazem parte do sistema de salvamento “multi-entidade”. Ao clicar no botão de atualização do editor, os usuários terão a opção de salvar a postagem inteira e / ou blocos reutilizáveis ​​individuais.

Modelos de “página” personalizados para temas FSE

Os temas baseados em bloco agora suportam o que tradicionalmente é conhecido como modelos de página. Todos os tipos de postagens são tecnicamente compatíveis com o recurso. No entanto, a equipe parece estar aderindo à terminologia da “página” após alguma discussão.

Demorou um pouco porque não há documentação existente e o exemplo original no tíquete não refletia o resultado final do código aprovado. No entanto, consegui descobrir como o recurso funciona. Para autores de temas que desejam testar esse recurso, use o seguinte código de exemplo de adição de um modelo de “contato”. Coloque-o no nível raiz do seu tema experimental-theme.json Arquivo. Você também precisará acompanhar isso com um block-templates/contact.html modelo em seu tema.

"pageTemplates": {
        "contact": {
                "title": "Contact",
                "postTypes": [
                        "page"
                ]
        }
}

Esse recurso não traz nada de particularmente inovador no momento. Ele simplesmente adiciona o modelo personalizado à seleção suspensa na tela de edição de postagem / página. É o equivalente ao sistema de modelos de página atual disponível para temas tradicionais.

Seleção de um modelo de página no editor de bloco.
Selecionando um modelo de página personalizado do tema FSE.

Embora este seja um bom desenvolvimento, os modelos de página tradicionais podem não fazer muito sentido no paradigma de blocos de temas. Não há como alterar a saída visual da página no editor com base no modelo selecionado – os usuários ainda devem visualizar a página no front end para ver o resultado de sua aplicação. O sistema de bloqueio é sobre feedback visual instantâneo. Os modelos de página precisam ser repensados ​​para a nova era.

“Em termos de interface do usuário e integração com o modo de modelo, podemos fazer muito mais do que a caixa de seleção antiga”, disse Benguella, que foi o desenvolvedor por trás da solicitação de pull. “Podemos mostrar uma prévia dos modelos e oferecer um modal ou algo parecido para as pessoas escolherem … Precisamos de algum pensamento de design e explorações lá. Este PR apenas define os requisitos técnicos para que funcione. ”

Muito, mas não todos, os modelos de página para os quais foram necessários na última década agora podem ser substituídos por padrões de bloco.

A longo prazo, prefiro ver modelos de página que se comportem mais como layouts de bloco predefinidos. É assim que os modelos de bloco para tipos de postagem personalizados funcionam hoje. No entanto, isso está no nível de postagem, e não no nível da postagem individual.

Os modelos de página tradicionais são datados. Os temas raramente oferecem mais do que alguns. Um para remover a barra lateral. Um para mover a barra lateral para a esquerda ou direita. Outro para tornar a área de conteúdo da página mais ampla.

O que está claro é que precisamos mais exploração sobre como serão os modelos de página do futuro. Eles são necessários no sistema de blocos? Existem maneiras melhores de lidar com o que os temas tradicionais estão usando? Como eles funcionarão em uma interface que precisa de feedback visual?



Source

Deixe uma resposta

%d blogueiros gostam disto: