O que são padrões de bloco do WordPress?

Publicados: 2022-08-18

Você ouve muito sobre os padrões de bloco do WordPress, mas não sabe exatamente qual é o propósito deles? Você está no lugar certo!

Neste post, não apenas explicaremos o que são padrões de bloco do WordPress, mas também ensinaremos como usá-los em seu site, como criar seus próprios padrões personalizados e onde encontrar padrões de bloco WordPress prontos online.

Portanto, se você é proprietário de um site WordPress e deseja aproveitar ao máximo sua presença online, continue lendo para saber tudo o que precisa saber sobre esse recurso legal que o WordPress tem reservado para você – também conhecido como padrões de bloco.

Vamos mergulhar!

O que são padrões de bloco do WordPress e por que você deve usá-los

Padrões de bloco do WordPress são modelos feitos de blocos.

Em outras palavras, se você pegar alguns blocos do WordPress e juntá-los em um belo design, você acabou de criar um padrão de bloco do WordPress.

Os padrões de blocos do WordPress estão disponíveis para os usuários desde o lançamento do editor de blocos do WordPress. Mas o WordPress 6.0 saiu particularmente com foco em padrões, que se tornaram as principais ferramentas para construir designs e templates no WordPress. Esta versão do WordPress coloca os padrões em destaque em vez de blocos individuais.

Com os padrões de bloco do WordPress, você pode criar modelos completos para suas páginas ou apenas partes de um modelo que você pode usar como seções em seu site. Um design completo pode ser criado a partir de quantos padrões de blocos você achar adequados às suas necessidades.

Depois de criar ou personalizar um padrão do WordPress, você pode salvá-lo em sua biblioteca e reutilizá-lo sempre que quiser em páginas ou postagens de blog.

Por que os padrões de bloco são úteis?

Os padrões de bloco do WordPress são úteis por vários motivos:

  • Qualquer proprietário de site que não tenha as habilidades técnicas para criar designs do zero agora pode tornar seu site incrível por meio de padrões de bloco. Com esse recurso, você pode criar suas páginas, seções e postagens sozinho, sem muito esforço.
  • Os padrões de bloco são reutilizáveis ​​e flexíveis. Você pode criar e recriar vários modelos a partir de seus padrões de bloco salvos. Por exemplo, você pode salvar o mesmo padrão de bloco em muitas variações diferentes (por exemplo, em diferentes cores ou tipografia). Cabe a você personalizar cada padrão de bloco.
  • Você também pode criar muitas combinações de blocos diferentes que você pode simplesmente reutilizar no futuro para diferentes projetos ou campanhas. Isso é ótimo a longo prazo porque você economiza tempo e evita trabalho repetitivo.

Como usar padrões de bloco do WordPress

Sentindo-se entusiasmado em decorar seu site WordPress com belas páginas e modelos? Vamos ver como você pode usar exatamente os padrões de bloco do WordPress.

Vá para a página ou post onde você deseja incluir um padrão. Uma vez lá, clique no ícone + no canto superior esquerdo do editor de blocos do WordPress.

Gutenberg + ícone WP

Quando o menu cair, selecione Padrões . Você também pode escolher uma categoria de padrões que seja mais relevante para suas necessidades. Clique no botão Explorar para abrir os padrões em uma janela maior.

padrões de bloco wp suspensos

Depois de navegar pela coleção de padrões, clique no padrão que deseja inserir no post ou página.

Uma vez inserido no editor de blocos, você pode começar a personalizá-lo. Para personalizar um padrão de bloco, você precisa personalizar cada bloco separado que o padrão contém. Então você só precisa clicar em cada bloco nesse padrão e personalizá-lo individualmente.

Se você não gostar de um bloco específico, sempre poderá substituí-lo por outro – seja um bloco personalizado ou um já existente na biblioteca.

personalização de padrões de bloco

E é isso. Quando você terminar de personalizar cada bloco, seu padrão estará pronto para ser lançado. É tão fácil!

Onde encontrar padrões de bloco WordPress prontos

Como você provavelmente já notou na seção anterior, o WordPress vem com padrões de blocos prontos para você usar livremente em seu site. Se você não se sente criativo o suficiente ou apenas precisa de inspiração para seus projetos futuros, encontrará muitos padrões de blocos prontos no repositório oficial do WordPress.

Aqui, você descobrirá uma coleção impressionante de padrões que se enquadram em várias categorias: Botões, Colunas, Galeria, Cabeçalho, Imagens, Texto e Destaque. No total, só o repositório WordPress oferece mais de 800 padrões de blocos legais para uso público.

padrões de blocos pré-fabricados

Aproveite para conferir os padrões disponíveis para encontrar os designs mais bonitos para o seu site. Então, sim, pode demorar um pouco até encontrar os corretos para você, pois há tantas opções para escolher.

Quando encontrar um padrão que gostaria de usar ou personalizar ainda mais, clique nele para abri-lo em uma nova página e, em seguida, clique em Copiar padrão .

Em seguida, volte para sua postagem ou página inicial no painel do WordPress, onde você deseja adicionar o padrão, clique com o botão direito do mouse no editor de blocos e cole.

copiar padrão de bloco

Novamente, é tão fácil adicionar um padrão de bloco WordPress do repositório oficial ao seu site WordPress! Requer apenas alguns cliques.

Se, após a cópia, você vir blocos que contêm “conteúdo inesperado ou inválido”, basta clicar no botão Tentar Recuperação de Bloco abaixo para corrigi-lo.

tentativa de recuperação de bloco

Aqui está! Você acabou de copiar um padrão de bloco do WordPress para o seu site WordPress. Você pode ir em frente e personalizá-lo ao seu gosto!

Voltando aos padrões no repositório do WordPress, observe que você também pode marcar padrões como favoritos para acessá-los mais facilmente no futuro. O número de corações indica quantas outras pessoas adoraram um design específico.

Como criar seus próprios padrões de bloco

Até agora, você aprendeu a usar os padrões de bloco do WordPress que estão disponíveis por padrão. Ainda assim, você pode criar seus próprios padrões se precisar de algo muito específico ou especial que não esteja disponível na biblioteca. Nesta seção, mostraremos como criar seus próprios padrões de bloco sem código.

Crie padrões de bloco do WordPress através do repositório do WordPress

Vá para WordPress.org -> Padrões -> Criar um novo padrão . Você precisa estar logado para criar um padrão. Portanto, certifique-se de criar uma conta se você não tiver uma.

Padrões do WordPress.org

Em seguida, você verá uma página em branco do editor de blocos, onde poderá adicionar novos blocos e criar padrões, exatamente como faria no painel do WordPress.

Aqui, você pode digitar o nome dos blocos que deseja inserir. Por exemplo, parágrafo, versículo, imagem, capa, título, colunas, mídia e texto, etc. Você também pode adicionar blocos usando o ícone + no canto superior esquerdo (assim como no painel do WordPress).

Se você quiser usar imagens, poderá selecioná-las na galeria padrão ou fazer upload de suas próprias imagens. Depois de inserir todos os blocos, personalizá-los e criar a versão final do padrão, você pode fazer uma destas duas coisas:

Envie para o repositório (canto superior direito da página)

enviar padrão

Dê um nome, uma descrição ao seu padrão, escolha uma categoria para ele e clique em Concluir . Lembre-se de que seu padrão será revisado pela equipe principal do WordPress e publicado no repositório. Isso significa que outras pessoas poderão usá-lo em seus sites.

Salve-o como rascunho

meus padrões

Se você quiser manter o padrão apenas para você (sem torná-lo público), basta salvá-lo como rascunho. Toda vez que você quiser usar seus padrões, vá para Meus Padrões e você encontrará todos eles lá.

Crie padrões de bloco do WordPress com plugins

Se você quiser manter tudo junto em seu painel do WordPress e não precisar ir ao repositório do WordPress para criar novos padrões, você pode instalar um plugin que permite criá-los sem sair do painel.

Escolha um desses dois plugins para começar (ambos são gratuitos):

  • Construtor de padrões de bloco
  • BlockMeister

Mostraremos brevemente as etapas para criar padrões com o plug-in BlockMeister:

Instale o plugin via Plugins -> Adicionar Novo.

instalar plug-in de padrão de bloco

Quando o plugin estiver instalado, vá novamente ao menu do painel do WordPress, clique em Block Patterns e, em seguida, Add New . Em seguida, você verá o editor de blocos do WordPress, onde poderá começar a adicionar blocos.

criar padrão via plugin

Depois de criar o padrão, publique-o. Você verá todos os seus padrões personalizados em Padrões de bloco -> Todos os padrões.

O próximo passo é voltar ao post ou página onde você deseja inserir o padrão de bloco, clicar no ícone + -> Padrões e procurar seu padrão (também conhecido como o nome que você deu ao seu padrão quando o construiu). Seu padrão deve aparecer lá, na biblioteca.

meu primeiro padrão

Clique nele para inseri-lo, sinta-se à vontade para personalizá-lo ainda mais para atender às suas necessidades e pronto! Agora você pode usá-lo em qualquer lugar em seu site WordPress.

Se você quiser salvar uma nova variação do mesmo padrão personalizado após a personalização, clique no padrão (não em um único bloco, mas em todo o padrão) e selecione Adicionar aos padrões de bloco . Dê um nome diferente e clique em Criar padrão.

adicionar aos padrões de bloco

Você encontrará essa nova variação de padrão na biblioteca depois de atualizar a página.

Conclusão

Isso encerra nosso tutorial sobre padrões de bloco do WordPress. Agora você pode ter uma chance de projetar seu site do jeito que quiser e torná-lo mais atraente para seus visitantes.

Como você provavelmente notou ao ler este artigo, usar e personalizar padrões de bloco não é nada complicado. Até mesmo criar seus próprios padrões requer apenas alguns passos simples.

Além de serem fáceis de gerenciar, os padrões de bloco do WordPress são particularmente úteis porque, mesmo se você for iniciante, você tem a oportunidade de criar seus próprios modelos, personalizá-los quantas vezes quiser e reutilizá-los em qualquer lugar do seu site.

Isso não é legal? É um passo à frente para uma experiência WordPress mais visual – tanto para o usuário quanto para o leitor.

O que você acha dos padrões de bloco do WordPress? Você os considera úteis para o seu site? Deixe-nos saber através da seção de comentários.