Explorando os primeiros padrões de bloco para pousar no diretório de temas do WordPress

Por meses, esperei ansiosamente pelo lançamento oficial do WordPress 5.5, uma atualização que prometia colocar o tão esperado sistema de padrões de blocos nas mãos dos designers de temas. Posso parecer um disco quebrado neste momento, mas os padrões têm o potencial de revolucionar o desenvolvimento de temas do WordPress, ainda mais do que a próxima edição completa do site.

O recurso deve mudar drasticamente a forma como os desenvolvedores criam temas do WordPress. Se usados ​​em todo o seu potencial, os autores de temas podem se livrar de dezenas de opções de temas e descartar a maioria de seus modelos de página. Eles podem se concentrar menos na programação e mais no design, que é o que os temas realmente tratam.

Para entender por que os padrões são tão revolucionários, você deve entender o problema subjacente que ele resolve para os autores do tema e, em última análise, para os usuários finais. Ao longo de todo o histórico de temas do WordPress, houve um único problema abrangente que causou um número incontável de problemas. Esse é um problema que tem sido a causa raiz de várias diretrizes adicionadas ao sistema de revisão de temas do WordPress.org.

Esse único problema pode quase exclusivamente traçar suas raízes até a grande questão: como os autores de temas podem criar páginas iniciais personalizadas e permitir que os usuários finais as recriem com facilidade?

Seja um controle deslizante ou colunas de caixas de informações ou uma seção de call-to-action, o WordPress nunca realmente forneceu uma solução na qual os autores de temas pudessem confiar. Para ser justo, muitos desenvolvedores construíram sistemas criativos e exclusivos em torno das limitações da plataforma. No entanto, esses sistemas eram específicos para um único tema ou um conjunto de temas de uma única empresa. Não havia padrão. Não havia nada que orientasse os designers de temas a simplesmente projetar qualquer coisa interessante que tivessem em mente e permitir que os usuários simplesmente preenchessem o conteúdo.

Embora eu diga que a página inicial do site é o problema subjacente aqui, o problema é realmente estendido a qualquer página do site. O design da página inicial é um pouco como a assinatura do autor do tema. Ele permite que os designers mostrem seus talentos e atraiam os usuários. E por mais de uma década, os autores de temas tentaram milhares de métodos diferentes apenas para obter esta página certa.

Padrões são muito mais. O sistema não exige que os autores do tema se tornem ninjas do PHP para montar belos designs. Ele não limita os usuários a um painel de opções de tema para construir sua página inicial - eles podem construir qualquer página em seu site com os padrões que seus temas oferecem.

O grande problema é que ele torna discutível a questão “como faço para construir uma página inicial personalizada”. Os autores do tema nunca mais precisam pensar sobre essa questão, pelo menos não da maneira que fizeram nos anos anteriores. O tema está se afastando da construção de designs em um nível de página e em direção ao design de blocos e seções individuais (padrões). O foco é muito mais atômico , o que proporciona mais flexibilidade e liberdade aos usuários.

Como eu não podia esperar semanas ou meses a mais para ver quais autores de temas construíam dentro desse sistema, eu queria dar uma olhada no que os temas atuais no diretório oficial de temas estavam fazendo. Não havia muito o que olhar, mas pelo menos alguns autores temáticos estão dispostos a ser os pioneiros nesta nova era da temática.

Atualmente, o filtro do recurso Padrões do Editor de Blocos para o diretório não está funcionando. Tecnicamente, os autores de temas não têm permissão para adicionar a tag block-patterns aos seus temas, mas há um patch disponível que deve corrigir o problema em breve.

Padrões até agora

No momento, o diretório de temas tem apenas três temas com padrões de bloco. Não é muito para continuar, mas é interessante ver que tema os autores estão construindo até agora.

UXL Themes atualizou recentemente seu tema Cordero com vários blocos. Uma das coisas que eu gosto sobre como o Cordero adicionou seus padrões é que ele criou uma categoria de padrão de bloco “Cordero” personalizada. Os padrões podem existir em várias categorias, mas ter todos os padrões personalizados do tema consolidados em um único grupo facilitou muito a descoberta deles. Esta é uma prática que eu gostaria de ver mais adiante.

Os padrões de Cordero são voltados principalmente para o layout comercial típico. Ele inclui alguns padrões do tipo herói, algumas caixas de recursos/serviços e tabelas de preços.

O tema Inclusivo da representante da Themes Team, Carolina Nymark, tem vários padrões (também é um tema sólido se você estiver no mercado para uma boa opção pronta para acessibilidade). Os padrões mais interessantes deste tema são seus padrões de duas colunas com barras laterais . A Nymark criou essencialmente o “corpo” de uma página com padrões. Um adiciona uma barra lateral à esquerda e o outro padrão adiciona à direita. Ambos os padrões têm uma coluna principal para adicionar conteúdo personalizado. A coluna da barra lateral é decorada com blocos do tipo widget por padrão.

O que torna esses padrões únicos é que eles são quase como um trampolim para a edição completa do site - tudo o que está faltando é um cabeçalho e um rodapé. É certo que eu não estava preparado para esse tipo de padrão e esperava padrões para serem usados ​​em seções menores, mas sou fã da experimentação no tema Inclusivo.

Nymark tem dois dos três temas atuais com padrões de bloco no diretório. Seu tema Deejay adiciona um único padrão, que permite ao usuário criar uma seção de perfil de DJ em seu site. Ele combina colunas, ícones sociais, lista de postagens mais recentes, incorporação de vídeo e muito mais.

No geral, eu gosto da exploração inicial desse novo recurso. Nunca é fácil ser o primeiro a experimentar as coisas, por isso aplaudo os autores do tema por abrirem o caminho. Estamos apenas a uma semana do lançamento do WordPress 5.5, mas estou animado para ver mais.

Quão bem os padrões são transferidos entre temas?

Uma das promessas do sistema de blocos é permitir que os usuários alternem entre temas e mantenham seu conteúdo. A ideia é que cada tema estilize todos os blocos de forma que a saída do front-end não pareça quebrada.

Embora haja apenas um pequeno tamanho de amostra de três temas, encontrei alguns problemas de estilo de conteúdo ao alternar entre eles.

Geralmente, quanto mais complexo um padrão e se o padrão emprega classes personalizadas, decide quão bem ele será transferido de tema para tema. As imagens também podem apresentar um problema interessante se o usuário decidir não substituir a imagem de um padrão pela sua própria. Como a imagem existiria na pasta do tema, se o tema for desativado e desinstalado, ele não existirá mais.