Padrões de bloco mudarão tudo

Foi há cerca de um ano. Eu estava felizmente criando um tema para aspirantes a romancistas. Eu queria estar à frente da concorrência e comercializar um tema especificamente para escritores que tentariam o desafio do National Novel Writing Month 2019.

NaNoWriMo, para resumir, é um turbilhão de um mês em que 1.000 pessoas de todo o mundo batem em seus teclados para escrever um manuscrito de romance de 50.000 palavras. Um mês de pura força de vontade, café a litro e noites sem dormir em troca de glória. Não há grandes prêmios ou contratos de publicação garantidos no final da jornada. Você ganha um certificado, alguns cupons e o direito de se gabar. Completei o desafio em 2018.

Inspirado pela minha vitória apenas alguns meses antes, criei um tema para aqueles que fariam a jornada no ano seguinte. Eu também queria ampliar seu apelo para qualquer um que pudesse ser um aspirante a romancista, mas não necessariamente participando do desafio. Ou, talvez, até mesmo para alguém que acabou de publicar seu primeiro livro. Talvez esta seja uma oportunidade de trazer alguns novos usuários do WordPress para nossa comunidade.

Delineei um layout de página inicial para mostrar como os usuários poderiam apresentar seu livro mais recente com um botão de compra. Então, me dei conta.

Como alguém poderia construir esta página de vendas de livros sem uma sólida experiência com o editor de blocos?

Eu estava usando o plugin Gutenberg por meses e meses antes de chegar ao WordPress 5.0. Eu conhecia os meandros do sistema.

O projeto era simples. Usando o bloco de mídia e texto principal, um título, alguns parágrafos e um botão, criei algo que pode ter sido muito complexo para o usuário comum. Eu nem tinha entrado nas opções personalizadas de cor, tamanho da fonte e estilo de bloco que acentuavam o layout.

Essa simples combinação de blocos tinha o potencial de ser excessivamente complicada para alguns. Eu tinha outros planos para layouts mais complexos. Outros autores do tema adotaram combinações maiores de blocos. Para os usuários finais, eles provavelmente estavam entrando em um mundo que não fazia sentido. Eles viam belas demonstrações de temas e ficavam frustrados quando não conseguiam fazer as coisas funcionarem. O editor de blocos não era, e ainda não é, intuitivo o suficiente para que os usuários menos experientes construíssem layouts além do básico.

Optei por um tutorial passo a passo para orientar meus usuários na construção desta seção simples de venda de livros. No entanto, a documentação nem sempre é a melhor resposta. Mesmo quando os usuários o encontram e o lêem, os resultados nem sempre são precisos. Teria sido muito mais simples ter um botão que, ao ser clicado, inserisse esta seção diretamente no editor. O usuário pode então personalizá-lo para se adequar ao seu conteúdo.

É aí que entram os padrões de bloco.

Os autores de temas devem ser capazes de construir combinações únicas e complexas de blocos com estilos personalizados. Os usuários devem ser capazes de fazer com que pareça com a demo .

Desde “construir” (eu uso este termo vagamente) meu primeiro tema WordPress em 2005, eu vi ou tentei todos os tipos de solução para esse problema. Modelos de página. Opções de temas. Códigos de acesso. Widgets. O que você disser. Todos eles foram tentados antes. Cada método forneceu grandes obstáculos para os usuários. Alguns ( ahem, shortcodes ) deixaram o conteúdo dos usuários em frangalhos e criaram um efeito de bloqueio onde eles acabaram amarrados ao seu tema.

Já passou da hora de algo novo.

O que são padrões de bloco e como eles melhorarão a experiência do usuário?

O que acontece quando um usuário deseja criar um layout com várias colunas de opções de preços, conforme mostrado na captura de tela acima? Boa sorte. A maioria não conseguiu produzi-lo com o sistema de blocos. Mesmo sem padrões de bloco, o tema precisaria de alguns estilos de bloco personalizados para torná-lo possível. Os plugins provavelmente preencherão o vazio para uma saída tão complexa e vêm abordando as tabelas de preços de várias maneiras ao longo dos anos. E se pudéssemos produzir layouts como este dentro de temas ou em plugins muito mais simples?

É possível com padrões de bloco.

Simplificando, um padrão de bloco é um grupo de blocos. Core WordPress, temas e plugins poderão registrar padrões com configurações predefinidas anexadas a eles.

Do ponto de vista do usuário comum, os padrões de bloco são seções predefinidas que podem ser usadas para criar layouts. Esses layouts podem ser algo tão simples quanto a seção do livro no início deste artigo até as colunas de preços mais complexas. Com esses padrões disponíveis, os usuários poderão criar layouts complexos com o clique de um botão.

O sistema de blocos lançou as bases para um futuro muito diferente e compatível com o futuro do que experimentamos ao longo dos anos. No final do dia, a maioria dos blocos são apenas HTML antigo. Padrões de blocos nada mais serão do que o registro de um grupo desses blocos. Quando um usuário troca de tema, seu conteúdo permanece intacto, mesmo quando o novo tema não registra os mesmos padrões.

A versão 7.7 do plugin Gutenberg lançou a primeira iteração de uma interface para padrões. É básico e passará por várias outras iterações antes de estar pronto para uso na produção. Eventualmente, haverá uma interface totalmente integrada para seleção de vários padrões. O usuário vê algo que deseja usar. Eles clicam nesse padrão. Ele é inserido no post.

Não há opções de tema mais complicadas. Não há mais sopa de códigos de acesso. Chega de horas de frustração se perguntando por que você não pode criar aquela primeira página personalizada mostrada nessa demonstração de tema cuidadosamente elaborada.

Posso estar um pouco otimista. Padrões de bloco exigirão uma adesão massiva da comunidade de desenvolvedores de temas e plugins. Embora o WordPress principal envie vários padrões populares por padrão, eles não cobrirão de forma alguma a amplitude do design que é possível quando os autores do tema colocam suas habilidades artísticas em ação.

Sempre me empolguei com o editor de blocos. No entanto, sempre senti que estava mais empolgado com o potencial do que com o produto final. Eu estava em constante estado de espera para que se tornasse o que eu pensava que poderia ser. Sim, ainda estou esperando. No entanto, mexer em uma versão inicial do sistema de padrões parece que estamos chegando ao ponto em que podemos fazer aquelas coisas incríveis que o editor deveria nos permitir realizar. Foi uma longa espera, e ainda temos um pouco a percorrer. Mas, tenho uma paixão renovada pelo projeto depois de experimentar o trabalho que foi feito até agora.