Guia para iniciantes: como usar padrões de bloco do WordPress

Quer aprender a usar padrões de bloco do WordPress em seu site?

Os padrões de bloco permitem que você adicione rapidamente elementos de design comumente usados ​​aos seus layouts de postagem ou página.

Neste artigo, mostraremos como usar os padrões de bloco do WordPress e encontrar mais padrões para usar em seu site.

Aqui estão os tópicos que abordaremos neste guia.

• O que são padrões de bloco do WordPress
• Como usar padrões de bloco no WordPress
• Encontrando mais padrões de bloco para usar em seu site
• Como criar e compartilhar seus próprios padrões de bloco
• Criando padrões de bloco do WordPress manualmente
• Remover um padrão de bloco no WordPress
• Qual é a diferença entre blocos reutilizáveis ​​e padrões de bloco

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

Os padrões de bloco do WordPress são uma coleção de elementos de design pré-fabricados que você pode usar para criar layouts de conteúdo personalizados mais rapidamente.

O WordPress vem com um editor intuitivo comumente conhecido como editor de blocos. Ele permite que os usuários criem belos layouts para suas postagens e páginas usando blocos para elementos de conteúdo comuns.

No entanto, nem todos os usuários do WordPress são designers ou querem gastar tempo criando layouts toda vez que precisam criar um post ou página.

Padrões de bloco fornecem uma solução fácil para esse problema. O WordPress agora vem com vários padrões de blocos úteis por padrão.

Os temas populares do WordPress também fornecem seus próprios padrões que você pode usar ao escrever conteúdo.

Esses padrões incluem itens como layouts de várias colunas pré-criados, padrões de mídia e texto, padrões de call-to-action, cabeçalhos, botões e muito mais.

Você pode encontrar ainda mais padrões no site WordPress.org e pode até criar e compartilhar seus próprios padrões também.

Dito isto, vamos dar uma olhada em como usar facilmente padrões de bloco no WordPress para criar um belo conteúdo para o seu site.

Como usar padrões de bloco no WordPress

Por padrão, o WordPress vem com vários padrões de blocos úteis que você pode usar em seu site. Seu tema WordPress e alguns plugins também podem adicionar seus próprios padrões.

Para usar padrões de bloco, você precisa editar a postagem ou página do WordPress em que deseja usar o padrão de bloco.

Na tela de pós-edição, clique no botão Adicionar bloco para abrir o insersor de bloco. A partir daqui, alterne para a guia Padrões para visualizar os padrões de bloco disponíveis.

Você pode rolar para baixo para ver os padrões de bloco disponíveis.

Você também pode visualizar padrões de bloco em diferentes categorias, como destaque, botões, colunas, cabeçalho e muito mais.

Alternativamente, você também pode clicar no botão Explorar para visualizar os padrões de bloco.

Aqui você pode ver visualizações maiores em um pop-up.

Depois de encontrar um padrão que deseja experimentar, basta clicar para inseri-lo na área de conteúdo de sua postagem ou página.

Depois disso, você pode simplesmente apontar e clicar em qualquer bloco dentro do padrão para editar e alterar seu conteúdo de acordo com seus próprios requisitos.

Você ainda terá todas as opções que normalmente tem para cada bloco. Por exemplo, se for um bloco de capa, você pode alterar a cor da capa ou a imagem de fundo.

Você pode adicionar quantos padrões precisar para sua postagem ou página no blog. Você também pode simplesmente excluir um padrão para removê-lo de um post ou página como você excluiria qualquer bloco do WordPress.

Ao usar padrões de bloco, você pode criar rapidamente belos layouts para seus artigos e site WordPress.

Em última análise, os padrões de bloco ajudam a economizar tempo que você gastaria organizando blocos manualmente sempre que precisasse adicionar um cabeçalho, galeria, botões e muito mais.

Encontrando mais padrões de bloco para usar em seu site

Por padrão, o WordPress vem com alguns padrões de bloco comumente usados. Os temas do WordPress também podem adicionar seus próprios padrões ao seu site.

No entanto, você pode encontrar muito mais padrões de bloco do que os disponíveis no insersor de bloco em seu site.

Basta acessar o site do Diretório de Padrões do WordPress para ver muitos outros padrões de bloco.

Aqui você encontrará muitos outros padrões de bloco enviados pela comunidade WordPress.

Para usar um desses padrões de bloco, basta passar o mouse sobre o padrão de bloco e clicar no botão Copiar.

Em seguida, você precisa voltar ao seu blog WordPress e editar a postagem ou página onde deseja inserir esse padrão de bloco.

Na tela de pós-edição, basta clicar com o botão direito do mouse e selecionar Colar no menu do navegador ou pressionar CTRL+V (Command + V no Mac).

Como criar e compartilhar seus próprios padrões de bloco

Quer criar e compartilhar seus próprios padrões de bloco do WordPress e compartilhá-los com o mundo?

O WordPress torna super fácil criar padrões de bloco e usá-los em seus próprios sites ou compartilhá-los com todos os usuários do WordPress em todo o mundo.

Basta visitar o site do Diretório de Padrões do WordPress e clicar no link 'Criar Novo Padrão'.

Observação: você precisará fazer login ou criar uma conta gratuita do WordPress.org para salvar seus padrões.

Uma vez conectado, você acessará a página do editor de padrões de bloco. É idêntico ao editor de blocos padrão do WordPress e você pode usá-lo para criar seu padrão.

Basta adicionar blocos para criar seu layout de padrão.

Você pode usar blocos de layout como grupo, capa, galeria e muito mais para organizar seu layout.

Há também imagens royalty-free disponíveis para uso em seus blocos de mídia. A biblioteca de mídia do WordPress permitirá que você encontre e use facilmente essas imagens em seus padrões.

Quando estiver satisfeito com seu padrão de bloco, você poderá salvá-lo como rascunho ou enviá-lo para o diretório de padrões.

Antes de enviar seu padrão de bloco para o diretório de padrão, certifique-se de ter lido as diretrizes do diretório de padrão de bloco.

Você pode gerenciar todos os seus padrões de bloco clicando no link Meus padrões. Ele mostrará todos os padrões de bloco que você compartilhou, padrões de rascunho e padrões que você adicionou aos favoritos.

Se você deseja criar apenas padrões de bloco para seu próprio uso, pode salvá-los como rascunhos. Depois disso, você pode simplesmente copiá-los e colá-los da página Meus Padrões no seu site WordPress.

Criando padrões de bloco do WordPress manualmente

Você também pode criar padrões de bloco manualmente e adicioná-los ao seu tema WordPress ou plugin de trechos personalizados.

Basta criar um novo post ou página no WordPress. Na área de conteúdo, use blocos para criar um layout personalizado ou uma coleção de blocos que você deseja salvar como um padrão.

Depois disso, mude para o modo Editor de código e copie todo o conteúdo que você vê no editor de código.

Em seguida, abra um editor de texto simples como o Bloco de Notas e cole esse código nele. Você precisará dele na próxima etapa.

Agora você está pronto para registrar seus blocos como um padrão.

Para fazer isso, basta copiar e colar o seguinte código no arquivo functions.php do seu tema ou em um plugin específico do site.

function wpb_my_block_patterns() {
    register_block_pattern(
        'my-plugin/my-awesome-pattern',
        array(
            'title'       => __( 'Two column magazine layout', 'my-theme'),
            'description' => _x( 'A simple magazine style two-column layout with large image and stylized text', 'my-theme' ),
            'categories'  => array( 'columns' ),
            'content'     => ' Your block content code goes here'
            )
    );
}
add_action( 'init', 'wpb_my_block_patterns' );

Agora copie e cole os dados de blocos brutos que você copiou anteriormente como o valor para o parâmetro content. Em outras palavras, você precisará substituir o texto que diz "Seu código de conteúdo de bloco vai aqui" pelo seu código de bloco. Certifique-se de deixar as aspas simples ao redor do texto no lugar.

Por fim, não se esqueça de alterar o título e a descrição para seus próprios e salvar suas alterações.

Agora você pode visitar seu site e editar e postar ou página. Agora você poderá ver seu padrão de bloco recém-registrado no insersor de bloco.

Remover um padrão de bloco no WordPress

Você pode facilmente remover ou cancelar o registro de qualquer padrão de bloco no WordPress. Digamos que você queira remover o padrão de bloco que você criou no exemplo acima.

Tudo que você precisa fazer é copiar e colar o seguinte código no arquivo functions.php do seu tema ou em um plugin específico do site.

function wpb_unregister_my_patterns() {
  unregister_block_pattern( 'my-plugin/my-awesome-pattern' );
}
add_action( 'init', 'wpb_unregister_my_patterns' );

Neste exemplo, 'my-plugin/my-awesome-pattern' é o nome do padrão que usamos ao registrá-lo.

Você pode usar este código para cancelar o registro de qualquer padrão de bloco criado pelo seu tema ou plugin. Tudo que você precisa saber é o nome usado para registrar o padrão.

Remova os padrões principais do WordPress

Os padrões principais do WordPress estão disponíveis para todos os usuários do WordPress. Isso significa que eles podem ser usados ​​demais e podem até não corresponder ao resto do seu tema WordPress.

Se você não quiser usar um padrão, pode simplesmente evitar adicioná-lo ao seu conteúdo. No entanto, se você executar um site WordPress com vários autores, convém impedir que todos os usuários usem esses padrões principais.

Para remover todos os padrões principais do WordPress, você precisa adicionar o seguinte código ao arquivo de funções do seu tema ou a um plugin específico do site.

remove_theme_support( 'core-block-patterns' );

Qual é a diferença entre blocos reutilizáveis ​​e padrões de bloco?

Padrões de bloco e blocos reutilizáveis ​​pretendem resolver um problema semelhante: fornecer aos usuários opções para adicionar facilmente os blocos comumente usados.

No entanto, eles são bem diferentes um do outro.

Por exemplo, blocos reutilizáveis ​​podem ser editados e salvos diretamente no editor de postagem, mas não são tão flexíveis quanto os padrões de bloco.

Uma grande diferença é que, se você fizer uma alteração em um bloco reutilizável, isso mudará o bloco em cada postagem ou página em que você o usou.

Para mais detalhes, veja nosso tutorial sobre como usar blocos reutilizáveis ​​no WordPress.

Por outro lado, se você inserir um padrão e editá-lo, essas alterações se aplicarão apenas à postagem ou página em que você adicionou esse padrão.

Padrões de bloco também podem ser registrados pelo seu tema WordPress ou plugins, como plugins de bloco. Isso permite que esses desenvolvedores ofereçam muito mais opções de design para criar seus layouts de postagem e página.

Esperamos que este guia tenha ajudado você a aprender como usar os padrões de bloco do WordPress em seu site. Você também pode querer ver nosso guia sobre como escolher o melhor software de web design ou nossa escolha especializada dos melhores serviços de marketing por e-mail para pequenas empresas.

Se você gostou deste artigo, assine nosso canal do YouTube para tutoriais em vídeo do WordPress. Você também pode nos encontrar no Twitter e no Facebook.