É hora dos autores de temas do WordPress intensificarem seu jogo de padrões de blocos

Passando pela minha rotina esta semana, dei uma olhada nos últimos lançamentos de temas do WordPress e encontrei um novo projeto que suportava o editor de blocos. Ele até enviou alguns padrões personalizados. Embora o design não fosse nada extraordinário, era um tema sólido em geral. No entanto, depois de passar a maior parte do dia escrevendo sobre isso, não achei que pudesse seguir em frente com a história. Algo estava me incomodando.

Foi a mesma coisa que senti com vários outros ultimamente. Foram muitas oportunidades perdidas. O tema tinha a base, o potencial subjacente, para ser mais do que era.

O tema tinha uma versão comercial “pro” que os usuários podiam comprar. No entanto, quase todos os recursos profissionais dependiam de táticas da velha escola de upselling de opções de temas extras. A única exceção foi um recurso relacionado a blocos que será gratuito como parte do componente Global Styles que provavelmente será lançado com o WordPress ainda este ano.

Onde estavam os estilos de blocos personalizados? Onde um usuário poderia pegar alguns padrões exclusivos? Menus de navegação extras, barras laterais, configurações de cores e opções de tipografia estão se tornando cada vez menos um valor agregado para os usuários finais. Provavelmente é dinheiro seguro agora, e posso entender o conforto de não arriscar demais.

Os autores do tema precisam começar a mudar de marcha. Os upsells precisam vir na forma de recursos que não estarão disponíveis no estoque do WordPress. No momento, isso significa criar padrões e estilos de blocos exclusivos.

Explorando ideias de padrões

No último mês, tenho mexido com padrões personalizados. Enquanto eu estava no negócio de design e desenvolvimento há mais de uma década, o que consegui realizar apenas com o editor de blocos - sem usar código personalizado - e um tema completo e pronto para blocos é apenas arranhar a superfície. Temos talentos muito melhores na comunidade WordPress, e eu quero ver sua arte liberada.

Tudo começou com o podcast WP Tavern Jukebox – você deve conferir os episódios #1 e #2 se ainda não os ouviu. Nathan Wrigley, o novo host, me pressionou o suficiente para colocar meu limite de design e desenvolvimento de volta para implementar alguns recursos de que ele precisava. Ao longo dos anos, não trabalhei muito com podcasting ou qualquer tipo de áudio. Este era um território novo para mim. Por fim, o podcast me inspirou a pensar em padrões de áudio.

O que é possível com o editor do WordPress hoje?

Vasculhei a web em busca de vários layouts, procurando apresentações de áudio modernas. Numerosos conceitos eram impossíveis para um usuário final implementar apenas a partir do editor. Eles precisariam de extensos estilos de blocos personalizados dos próprios temas. E havia vários designs que eu simplesmente não achava que poderiam ser feitos, mas esses normalmente tinham elementos de território de plug-in.

No entanto, encontrei ideias com as quais eu poderia correr e fazer minhas próprias. Comecei com um arquivo de áudio simples da trilha sonora de Perdido em Marte – eu tinha assistido o filme novamente na noite anterior e estava empolgado com David Bowie.

Era simples. Basta adicionar blocos de Grupo, Colunas, Imagem, Parágrafo, Cabeçalho, Áudio e Ícones Sociais. Fiquei feliz com o resultado e alguns dos meus seguidores no Twitter responderam positivamente.

Inspirado pelo suporte, criei um layout alternativo. Ficou ainda mais simples adicionando blocos de Capa, Parágrafo, Título, Áudio e Ícones Sociais.

Com base no padrão original, construí um que usava uma incorporação do SoundCloud em vez do bloco de áudio. Também criei outro com algumas alterações que atendiam mais aos podcasters.

À medida que me aprofundava neste projeto, mais capaz me tornava na criação de layouts. Comecei a entender quais eram algumas das limitações e a juntar tudo ao redor delas.

Uma das áreas mais problemáticas com o editor é que ele não entrega controle de espaçamento suficiente. Portanto, tive que fazer uso liberal do bloco Spacer, algo que prefiro não usar porque depende de unidades de pixel e coloca um <div> extra na marcação. Para construir alguns padrões, tive que me tornar um pouco menos purista e apenas usar as ferramentas disponíveis.

Essa mudança de mentalidade abriu mais algumas possibilidades. Eu construí mais alguns padrões de blocos relacionados ao áudio. Eles eram, novamente, layouts simples, mas eu queria que eles se destacassem visualmente com imagens que os usuários finais pudessem adicionar. O objetivo é dar aos usuários acesso com um clique a seções pré-projetadas, pontos de partida onde as pessoas podem mostrar sua própria criatividade.

O próximo passo foi começar a pensar além dos padrões de áudio. Há muito mais que outros podem fazer nesse espaço. Eu queria me aventurar um pouco mais.

Desde então, construí vários outros padrões, como o seguinte cabeçalho de artigo do tipo notícias que adoraria usar na Taverna no futuro:

Eu poderia compartilhar mais conceitos, mas este parece ser um lugar ideal para parar. O objetivo não é mostrar meu portfólio de padrões. É inspirar nossa comunidade de design de temas na esperança de que eles construam algo muito melhor. Eu também queria mostrar como era fácil destacar alguns padrões. Em vez de horas de desenvolvimento, muitas ideias foram reduzidas a meros minutos. Esse é o poder que o sistema de blocos fornece hoje.

Quando escrevi sobre o sistema de blocos criando oportunidades comerciais para autores de temas em janeiro, era um post teórico. Este é um acompanhamento que o coloca em um pouco mais de prática (sem a venda real, é claro).

Imagine que, como uma empresa de temas, você está construindo um tema freemium para músicos. Você pode querer incluir alguns padrões básicos para os usuários escolherem. No entanto, há um número infinito de alternativas que você pode oferecer como parte de um pacote profissional.

Tenho certeza de que já existe um autor/empresa de tema por aí com um conceito de tema multifuncional em mente que eventualmente terá centenas de padrões. Só posso esperar que eles tenham um sistema de categorização sólido ou ofereçam pacotes ou importações separados.

O diretório do padrão de bloco está programado para chegar ao lado do WordPress 5.8. A princípio, serão principalmente padrões centrais. No entanto, outros serão incentivados a contribuir ao longo do tempo. Este é um recurso bem-vindo para a plataforma, mas nunca corresponderá perfeitamente a todos os designs de temas. Cada tema tem suas próprias nuances de design. Cada um tem métodos diferentes de resolver problemas.

Os melhores padrões virão dos próprios autores do tema, especialmente quando combinados com estilos de bloco personalizados, empacotados e comercializados como parte da experiência do tema. Os desenvolvedores podem esperar até que todo o mercado alcance ou saltar à frente do jogo.