Construindo Posts de Receitas com Listas e Cotações – WP Tavern

A rodada #14 do programa FSE Outreach já está aberta ao público. Anne McCarthy, que supervisiona o programa, pede que os testadores construam um post de receita usando ferramentas existentes, como o editor de modelos e alguns blocos novos e experimentais.

Quem quiser deixar feedback pode fazê-lo até 18 de maio. O programa sempre precisa de testadores de todo o espectro de experiências do usuário. Esta é uma maneira fácil de contribuir de volta para o projeto WordPress.

A última rodada pede aos usuários que testem alguns novos blocos no plugin Gutenberg. Algumas delas estão relacionadas a comentários. Optei por não participar desta parte do teste porque já havia coberto tudo o que tinha a dizer em um artigo no início de abril. Essa postagem, juntamente com o feedback da comunidade, ajudou a impulsionar algumas das mudanças que deveriam chegar ao WordPress 6.0.

Meu foco estava nas atualizações do bloco Listar e Cotar para esta rodada. A “versão 2” destes está disponível via Gutenberg 13.1 e deve ser habilitada através da tela de administração do Gutenberg > Experiments.

A nova Lista não é mais um bloco único. Em vez disso, cada item dentro dele é um bloco separado. Da mesma forma, para cada sub-lista.

A revisão do bloco Quote permite que os usuários finais aninhem outros blocos dentro dele. Por padrão, este é um parágrafo, e parece não haver limite para o que pode ser colocado dentro.

Eu me diverti com esta rodada de testes. As receitas são o meu doce, então eu tive que escolher o perfeito para compartilhar. Por fim, criei um “modelo de receita” personalizado e um falso postagem da receita, conforme mostrado na captura de tela a seguir:

Postagem do WordPress no front-end de uma receita.  Tem um cabeçalho de herói com imagem de tacos de espaguete, seguido de uma descrição.  Abaixo disso estão duas colunas.  Um cartão de receitas à esquerda e dicas dos leitores à direita.

Para este experimento, confiei no sempre confiável tema Archeo da Automattic. Tem sido o meu favorito há várias semanas, e provavelmente continuarei usando até encontrar algo novo que desperte meu interesse. É definitivamente uma solução sólida para esses tipos de testes.

Testando a nova lista e os blocos de cotação

A chamada para testes pede que voluntários criem um modelo personalizado para postagens de receitas. A única alteração que fiz no modelo único padrão do tema foi envolver o cabeçalho do site, o título da postagem e o trecho da postagem em um bloco de capa vinculado à imagem em destaque da postagem.

Editor de templates do WordPress que mostra um bloco de capa contendo o cabeçalho do site, o título do post e o trecho do post.
Modelo de receita única personalizada.

Eu descrevi como fazer isso em um post em abril. Uma vez que estava no lugar, avancei com a construção de um post de receita.

Por fim, adicionei uma pequena introdução para a receita. Em seguida, use o bloco Colunas para seccionar o cartão de receita e algumas dicas dos leitores. Foi aqui que pude mergulhar nos blocos experimentais List e Quote.

O bloco List provou ser o mais problemático. Parecia impossível adicionar um novo item ao nível superior após uma sub-lista inserida. Clicando no primeiro item e batendo Enter excluiu tudo aninhado abaixo dele. Nenhuma quantidade de cliques ou entrada de teclado parecia me levar de volta ao nível superior para continuar adicionando mais itens.

Eventualmente, eu aprendi e naveguei para o nível superior através das migalhas de pão no editor. Em seguida, cliquei no ícone “+” (isso também pode ser feito na visualização de lista do editor). Como alguém que trabalha principalmente no teclado, isso parecia pouco intuitivo.

Editor de postagem do WordPress com um bloco de lista aninhada na tela de conteúdo.
Solucionando problemas de um bloco de lista.

Também parece impossível escapar da lista e entrar em um novo bloco de parágrafo. No passado, isso poderia ser feito batendo no Enter tecla duas vezes enquanto estiver no item final da lista. Essa ação agora cria uma lista aninhada.

As listas baseadas em markdown também não são transformadas em um bloco List quando coladas no editor. A formatação é perdida e cada item é absorvido em um bloco de parágrafo.

O novo bloco Quote funcionou bem. Agora é possível adicionar blocos aninhados dentro dele, um dos recursos que eu precisava há muito tempo como escritor aqui na Taverna ao citar recursos de terceiros.

Um aprimoramento que eu gostaria de ver para o Quote v2 é o elemento separado em um bloco autônomo. Isso permitiria que os usuários finais personalizassem seu design separadamente do embrulho

nos níveis de bloco e global. Atualmente, apenas os autores do tema podem modificar seu estilo, que deve ser tratado via CSS personalizado.

No geral, estou ansioso para ver as versões finalizadas desses blocos. Eles trarão de volta algumas das funcionalidades que faltavam no editor clássico e darão aos usuários a flexibilidade de fazer ainda mais.

Deixe um comentário

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