O Que são os blocos do WordPress? E como usá-los para economizar tempo!

Quer economizar tempo e criar layouts mais profissionais no editor de blocos do WordPress? Nesse caso, aprender sobre os padrões de bloco do WordPress pode ser exatamente o que você precisa.

Com os padrões de blocos, você pode inserir um design pré-fabricado, modificá-lo para atender às suas necessidades e pronto. Esta é uma grande economia de tempo. E, se você não for um designer, os padrões de bloco também são úteis porque permitem que você use designs mais exclusivos, mesmo se você não tiver o conhecimento para construir esses designs do zero.

Neste post, vamos cobrir tudo o que você precisa saber sobre os padrões de bloqueio do WordPress:

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

Os padrões de bloco do WordPress são essencialmente modelos feitos de blocos.

Eles podem conter um único bloco ou vários blocos organizados em determinados layouts. Além dos blocos em si, os padrões de bloco também incluirão as configurações para esses blocos (como configurar um botão para uma determinada cor)

Você pode encontrar padrões de bloco para modelos de página inteira. Ou, mais comumente, você encontrará padrões de bloco para certas seções que você pode querer usar em uma página. Você pode então juntar vários padrões de blocos, como Legos, para construir seu design.

Por exemplo, digamos que você queira criar uma seção que tenha um fundo de imagem, um texto de cabeçalho e um botão. Você pode configurar isso manualmente usando o editor de bloco. Mas com um padrão de bloco, você pode inserir um design pré-fabricado com esse design e, em seguida, personalizá-lo para corresponder ao seu conteúdo.

Como mencionei anteriormente, os principais benefícios do uso de padrões de bloco do WordPress são os seguintes:

  1. Eles economizam seu tempo.
  2. Eles facilitam a criação de designs mais complicados, porque você pode não ter o conhecimento para criar certos tipos de designs sozinho.

Padrões de bloco vs blocos reutilizáveis

Agora que você sabe o que são os padrões de bloco do WordPress, pode estar pensando que eles se parecem muito com os blocos reutilizáveis ​​do WordPress, que são um recurso principal introduzido antes dos padrões de bloco.

Um bloco reutilizável também é uma coleção de um ou mais blocos que você pode inserir facilmente em seu conteúdo.

Leia Também:  Como aplicar marketing localizado ao seu WordPress

Eles são semelhantes porque permitem inserir rapidamente um design pré-fabricado, mas têm uma grande diferença:

  • Os padrões de blocos são um ponto de partida para o seu projeto. Você pode usá-los para importar o layout básico que deseja usar, mas irá personalizá-los a cada vez e cada instância de um padrão de bloco será diferente.
  • Os blocos reutilizáveis ​​serão os mesmos em todos os casos. Cada instância de um bloco de rascunho sempre será a mesma e, se você atualizar o layout do bloco de rascunho em um lugar, essas alterações serão aplicadas automaticamente a cada instância do bloco de rascunho.

Aqui está um exemplo de quando você pode usar cada um:

Primeiro, digamos que você tenha um formato especial para inserir citações em seu conteúdo. Portanto, toda vez que você insere uma cotação, deseja usar exatamente a mesma disposição de blocos para manter a consistência.

Se cada citação for diferente, você deve usar um padrão de bloco para isso. Você pode inserir o padrão de bloco para definir o formato básico e, em seguida, adicionar o texto de citação exclusivo.

Agora, digamos que você tenha uma chamada à ação (CTA) para que as pessoas se juntem à sua lista de e-mail que você deseja incluir no final de cada postagem do blog. Você deseja que este CTA seja exatamente o mesmo em todos os casos e também deseja atualizá-lo no futuro.

Para este caso de uso, você desejará usar um bloco reutilizável. O bloco reutilizável garantirá que todas as instâncias do seu CTA sejam iguais. E se você quiser mudar o CTA, você só precisa atualizar o bloco de rascunho uma vez e essas mudanças serão aplicadas a cada instância.

Como usar os padrões de bloco do WordPress

Você pode inserir padrões de bloco por meio da mesma interface que você usa para inserir blocos.

Para começar, abra o editor do conteúdo no qual deseja inserir um padrão de bloco. Em seguida, clique no mais no canto superior esquerdo para abrir a interface de inserção de conteúdo.

Na barra lateral que aparece, clique no Padrões aba. Você pode então usar o menu suspenso para filtrar diferentes tipos de padrões.

Ao encontrar um padrão de que goste, tudo o que você precisa fazer é clicar nele para inseri-lo em seu conteúdo:

Explore os padrões de blocos do WordPress

Depois de inserir o padrão de bloco, você pode editar todos os blocos individuais da mesma forma que faria se criasse o layout manualmente:

Editar padrões de bloco do WordPress

E isso é! Se você deseja inserir outro padrão de bloco, pode repetir o mesmo processo. O padrão de bloco será inserido onde você colocou o cursor no editor.

Leia Também:  Como criar um link curto no WordPress (a maneira mais fácil)

Como encontrar e usar novos padrões de bloco do WordPress

Para ajudá-lo a encontrar novos padrões de bloco, a equipe do WordPress criou uma biblioteca oficial de padrões de bloco no WordPress. Você pode acesse clicando aqui.

Você pode usar filtros para examinar todos os padrões de bloco e clicar em um resultado para visualizá-lo. Se você encontrar um padrão de bloco de que goste, basta clicar no Padrão de cópia botão para copiar o padrão para a área de transferência:

Biblioteca de padrões de blocos

Agora abra o editor do trecho de conteúdo onde deseja adicionar o padrão de bloco e colá-lo, assim como faria com o texto normal, clicando com o botão direito e escolhendo colar ou usando um atalho de teclado como Ctrl + V (ou Cmd + V no Mac).

E é isso, você deve ver o padrão de bloco completo aparecer onde você o colou:

Copie e cole o padrão de bloco da biblioteca

Além da biblioteca oficial de padrões de blocos no WordPress.org, você também pode encontrar diretórios de terceiros, como ShareABlock e ele Biblioteca de modelos do Gutenberg Hub (que usa a mesma abordagem de copiar / colar da biblioteca oficial).

Você também pode encontrar vários plug-ins que permitem inserir padrões de bloco e modelos, embora eles possam usar sua própria solução personalizada em vez de usar o recurso de padrão de bloco nativo. De qualquer forma, o resultado final é o mesmo. Você pode encontrar algumas das melhores opções em nossa postagem sobre Gutenberg Template Plugins.

Como criar seus próprios padrões de bloco WordPress sem código

A partir de agora, o editor de bloco principal do WordPress não permite que você crie seus próprios padrões de bloco, a menos que saiba codificar, o que é um pouco complicado.

Felizmente, como você esperaria do WordPress, existem plug-ins que corrigem esse problema.

Meu favorito pessoal é grátis de Justin Tadlock Gerador de padrão de bloco plugue. Essencialmente, este plugin permite que você crie seu próprio design usando o editor de blocos e depois salve-o como um padrão de bloco. Assim, você pode projetar seu padrão com o editor, salvá-lo como um padrão e, em seguida, inseri-lo facilmente como qualquer outro padrão.

Leia Também:  Como conduzir o funil por meio do marketing de conteúdo e do link building

Honestamente, é um pouco estranho que esse recurso não esteja no software WordPress principal, mas não é um grande problema porque você pode resolvê-lo simplesmente instalando um plugin gratuito.

Para começar, instale e ative o plug-in gratuito Block Pattern Builder do WordPress.org. Estou usando o plugin de Justin Tadlock mencionado acima, mas há um Plugin com o mesmo nome do BlockMeister que parece oferecer a mesma funcionalidade com um pouco mais de recursos.

Em seguida, abra o editor normal e crie o layout que deseja salvar. Depois de fazer isso, selecione todos os blocos que deseja incluir em seu padrão de bloco e clique no três pontos ícone. Em seguida, selecione a opção para Adicionar para bloquear padrões:

Crie um novo padrão de bloco

Então você pode dar um nome a ele:

Dê um nome ao seu padrão

E é isso, agora você pode inseri-lo como qualquer outro padrão de bloco. Por padrão, estará na seção “Sem categoria”:

Insira seu próprio padrão de bloco

Além de trabalhar com o editor, você também receberá um Padrões de bloco guia no painel do WordPress para gerenciar e criar padrões de bloqueio.

Comece com os padrões de blocos hoje

Os padrões de bloco do WordPress são uma ferramenta realmente útil para obter mais do editor de blocos, por isso é importante entender como eles funcionam.

Usar padrões de bloco é muito fácil – você pode inseri-los como um bloco. E depois de inseri-los, você pode editar os blocos no padrão como se você mesmo tivesse criado o desenho.

Para obter mais flexibilidade, existem algumas maneiras de acessar novos padrões de bloqueio:

  1. Você pode usar a biblioteca oficial de padrões de blocos em WordPress.org ou um dos sites de bibliotecas de terceiros. Tudo que você precisa fazer é copiar e colar entre as bibliotecas e o editor do WordPress.
  2. Você pode usar um dos plug-ins de modelo do Gutenberg que coletamos. Nem todos esses plug-ins usam o recurso de padrão de bloco nativo, mas têm exatamente o mesmo propósito e função.
  3. Você pode projetar seus próprios padrões de bloco usando o editor e um plugin como o Block Pattern Builder. Depois de salvar seus designs, você pode reutilizá-los facilmente no futuro.

Para outras maneiras de melhorar a maneira como você trabalha no editor de bloco, verifique nosso guia sobre como obter o máximo do editor de bloco e nossa coleção dos melhores plug-ins de bloco.

Compartilhe este Link:

Compartilhar no facebook
Compartilhar no twitter
Compartilhar no linkedin
Compartilhar no pinterest
Compartilhar no email
Compartilhar no whatsapp
Compartilhar no telegram

Deixe um comentário

Receba nossos preços
e condções direto no seu email

Por favor, preencha os campos abaixo:

Preferência de contato: