Block Pattern

Block Pattern WordPress é uma coleção predefinida de blocos Gutenberg que pode ser inserida em qualquer página, post ou template e personalizada livremente em seguida. Funciona como um trecho pronto de layout: hero, depoimentos, FAQ, grade de produtos, área de equipe. Você insere o pattern com um clique, edita textos e imagens e segue. Foi introduzido oficialmente no WordPress 5.5 em 2020 e virou peça central da experiência de edição moderna.

O que é um Block Pattern

Um pattern é um arranjo pré-construído de múltiplos blocos Gutenberg arrumados em estrutura visual coerente. Em vez de adicionar bloco por bloco para montar uma seção, você seleciona o pattern, ele é inserido inteiro com texto e imagens placeholder, e você só ajusta o conteúdo. O resultado é construção de página dramaticamente mais rápida.

Padrões de bloco diferem de templates: o pattern é inserido dentro de uma página existente e fica modificável como qualquer outro bloco. O template é a estrutura base da página inteira (header, footer, área de conteúdo). Patterns vivem dentro de templates, e os dois trabalham juntos no Full Site Editing do WordPress.

O repositório oficial wordpress.org/patterns reúne mais de 1.500 patterns gratuitos contribuídos pela comunidade, divididos em categorias como Featured, About, Buttons, Columns, Gallery, Header e Posts. Qualquer site WordPress moderno acessa esse catálogo direto pelo editor, basta clicar em “Patterns” e “Explorar” no inserter.

Temas como Twenty Twenty-Four, Astra, Kadence e GeneratePress trazem dezenas de patterns próprios pré-instalados. Plugins como Stackable, Spectra e Otter Blocks adicionam ainda mais. Combinar um tema com bons patterns elimina a necessidade de page builders pesados em muitos casos.

Block Pattern vs Block Template

É a comparação mais frequente para quem está aprendendo o ecossistema Gutenberg. Os dois conceitos resolvem problemas diferentes apesar do nome parecido. Saber a diferença evita confusão na hora de planejar a estrutura de um site WordPress moderno.

Block Pattern é trecho reutilizável e editável. Você insere em qualquer lugar, modifica o que quiser e o conteúdo vira parte da página normalmente. Ideal para seções como hero, depoimentos, CTAs que aparecem em múltiplas páginas mas com variações específicas em cada uma.

Block Template é estrutura completa de tipo de conteúdo. Define como uma página, post ou custom post type será montada. O template é fixo e governa a estrutura geral. Patterns viram blocos dentro do template. Para entender o conceito completo de templates, vale ler block template.

Outra comparação comum é com Reusable Blocks (agora chamados de Synced Patterns no WordPress 6.3+). Reusable blocks são patterns sincronizados: editar em um lugar atualiza todas as instâncias automaticamente. Útil para footer, banner promocional, CTAs idênticos em várias páginas. Patterns regulares são independentes após inserção.

Quando usar cada um

Use pattern quando o layout precisa ser igual mas o conteúdo varia. Use synced pattern quando o conteúdo também precisa ser idêntico em todas as páginas. Use template quando estiver definindo a estrutura base de um tipo de conteúdo. Os três coexistem no Full Site Editing e juntos compõem a base de qualquer site WordPress moderno.

Como usar Block Patterns

O caminho rápido para inserir patterns gutenberg está em qualquer post ou página. Clique no botão azul “+” para abrir o inserter, mude para a aba “Patterns” e escolha entre as categorias disponíveis. Clicar em qualquer pattern insere todo o conjunto de blocos no ponto onde está o cursor.

Para acessar o catálogo completo do wordpress.org direto do editor, alguns temas e o próprio core (a partir do WordPress 6.0) integraram a busca remota de patterns. Você digita o termo, o WordPress consulta o repositório e retorna patterns que combinam, prontos para inserir com um clique.

Após inserir, edite normalmente. Mude textos clicando neles, troque imagens fazendo upload ou selecionando da Biblioteca de Mídia, ajuste cores e espaçamentos via painel lateral. O pattern é só um ponto de partida, não uma estrutura travada. Você pode reorganizar, deletar blocos internos e adicionar novos sem afetar nada.

Para sites com vários autores, vale criar uma pequena biblioteca de patterns próprios da marca. Em vez de cada autor montar do zero, eles abrem o catálogo interno, escolhem o layout aprovado e mantêm consistência visual. Isso elimina o problema de cada post ter aparência diferente.

Combinar patterns com um tema WordPress bem escolhido entrega o resultado mais limpo. Temas modernos como Twenty Twenty-Four foram desenhados para Full Site Editing e patterns funcionam fluidamente. Temas legados podem renderizar mal alguns patterns por falta de suporte a recursos novos.

Como criar Patterns personalizados

Existem três caminhos para criar wordpress patterns próprios. O mais simples é usar o próprio editor: monte a estrutura de blocos como quiser, selecione todos os blocos juntos, clique no menu de três pontos e escolha “Criar pattern”. Defina nome, categoria e se será sincronizado ou não.

O caminho médio é registrar patterns via PHP em um plugin ou no functions.php do tema filho. Use a função register_block_pattern com o markup HTML completo do pattern. Esse caminho permite distribuir patterns junto com plugins e temas profissionalmente, e é o que Elementor e similares fazem nas próprias bibliotecas.

O caminho avançado, usado por agências e desenvolvedores de temas, é criar patterns como arquivos PHP dentro da pasta /patterns/ do tema. Cada arquivo vira um pattern automaticamente registrado quando o tema é ativado. É a abordagem que o time do Twenty Twenty-Four adotou e virou padrão para distribuir patterns junto com novos temas.

Para distribuir patterns publicamente no repositório oficial, basta ter conta em wordpress.org/patterns, criar a pattern direto na ferramenta web e submeter para aprovação. Patterns aprovadas ficam disponíveis para qualquer site WordPress acessar via Inserter, gerando exposição e backlink natural para o autor.

Para sites WordPress que precisam de tema robusto, biblioteca de patterns profissional e Full Site Editing ajustado, a FULL Services entrega o Astra PRO já licenciado dentro da stack profissional, com Starter Templates, patterns prontos e integração completa com Gutenberg. Em vez de testar tema gratuito por tema gratuito, você roda em uma base validada com tudo que precisa para construção visual rápida.