Como fazer um padrão de bloco para layouts fáceis no WordPress

Ao trabalhar no WordPress, é importante lembrar que existem possibilidades quase infinitas quando se trata de design e desenvolvimento. Esteja você procurando por algo simples ou complexo, a plataforma provavelmente pode fornecer.

Mas o WordPress ganha novos recursos o tempo todo e muitas vezes os usuários não estão usando tudo o que está disponível para eles. Desde a adição da edição completa do site e do Gutenberg, a criação de designs bonitos e personalizados com o WordPress pode ser feita em uma fração do tempo que costumava levar. Os blocos são especialmente úteis nesse sentido. E padrões de bloqueio ainda mais.

Mas se você está olhando para esses conceitos, não se preocupe. Neste artigo, discutiremos como criar um padrão de bloco no WordPress. Essa pode ser uma ferramenta muito útil para criar designs e layouts personalizados para o seu site, sem a necessidade de trocar constantemente de tema. Vamos orientá-lo nas etapas de criação do padrão, bem como algumas dicas e truques para deixá-lo com a melhor aparência. Vamos começar!

O que é um padrão de bloco do WordPress?

padrões de bloco do wordpresspadrões de bloco do wordpresspadrões de bloco do wordpress
O WordPress vem com vários padrões de bloco por padrão.

Um padrão de bloco é um layout predefinido que pode ser usado de forma rápida e fácil para criar designs personalizados no WordPress. Os padrões de blocos são compostos por vários blocos que já estão organizados de uma maneira específica, permitindo que você adicione conteúdo com o mínimo de esforço. Isso possibilita a criação de designs complexos de forma rápida e eficiente, sem a necessidade de nenhum conhecimento ou experiência em codificação.

Por que usar padrões de bloco no WordPress é uma boa ideia

Os padrões de bloco são uma ótima maneira de criar rapidamente designs visualmente atraentes com pouco esforço. Eles economizam seu tempo, pois não exigem nenhum conhecimento ou experiência em codificação. Além disso, se você usá-los estrategicamente, eles podem ajudar seu site a se destacar da concorrência.

Vamos explorar alguns desses principais motivos para colocar padrões de bloco para trabalhar em profundidade agora.

Crie rapidamente designs visualmente atraentes

exemplo de padrão de blocoexemplo de padrão de blocoexemplo de padrão de bloco
Um padrão de bloco padrão no WordPress com um cabeçalho grande, imagem de fundo e texto alinhado à esquerda.

Padrões de blocos permitem que você crie designs complexos de forma rápida e fácil. Tudo o que você precisa fazer é escolher um padrão que atenda às suas necessidades, adicionar seu conteúdo e imagens e você terá um belo design.

Economizar tempo

Como em qualquer processo criativo de site, o tempo é um bem precioso. Os padrões de blocos podem ajudá-lo a criar designs impressionantes em apenas alguns minutos, para que você possa dedicar mais tempo às outras tarefas relacionadas ao site.

Destaque-se da concorrência

Se você usar padrões de blocos estrategicamente, eles podem ajudar seu site a se destacar da concorrência. Você pode criar designs exclusivos que certamente serão notados e o ajudarão a obter mais tráfego.

Pode Ser Usado Independente do Tema Escolhido

Como os padrões de bloco são independentes do tema escolhido, eles podem ser usados ​​com qualquer tema do WordPress. Isso os torna extremamente versáteis e permite que você crie designs incríveis, mesmo que decida mudar de tema no futuro.

Agora que discutimos por que os padrões de bloco são uma ótima ideia, vamos ver como criá-los no WordPress.

Como usar padrões de bloco no WordPress

Usar padrões de bloco no WordPress é fácil. Tudo o que você precisa fazer é abrir o editor de postagem ou página e clicar no botão Adicionar bloco botão, que se parece com um quadrado azul com um sinal de + branco dentro dele.

insersor de blocoinsersor de blocoinsersor de bloco
Clique no botão quadrado azul com um sinal de + dentro dele para acessar os padrões de bloco.

Em seguida, clique no Padrões guia e selecione um dos padrões de bloco disponíveis. O padrão será adicionado ao seu post/página com todos os blocos já colocados e configurados.

Clique na guia padrõesClique na guia padrõesClique na guia padrões
Clique na guia Padrões para acessar os padrões de bloco padrão.

Você pode então editar cada um dos blocos para adicionar seu próprio conteúdo. Isso pode incluir texto, imagens, vídeos ou qualquer outra coisa que você possa precisar para sua postagem ou página. Quando terminar de editar, basta clicar Publicar e seu design personalizado estará ativo!

Uma rápida olhada no diretório de padrões de bloco do WordPress

O Diretório de Padrões de Bloco do WordPress é um ótimo recurso para quem quer tirar proveito dos padrões de bloco. Ele contém uma variedade de blocos diferentes que podem ser usados ​​de várias maneiras para criar designs únicos e atraentes. A biblioteca também contém alguns “pacotes iniciais”, que são coleções de padrões de blocos bem projetados que oferecem uma maneira fácil de começar.

Diretório padrão de bloco do WordPressDiretório padrão de bloco do WordPressDiretório padrão de bloco do WordPress
Diretório padrão de bloco do WordPress

Ao usar padrões de blocos no WordPress, você pode criar designs impressionantes de maneira rápida e fácil que certamente se destacarão da concorrência.

Coisas importantes que você precisa saber sobre padrões de bloco

Antes de mergulhar no processo de criação de um padrão de bloco, há algumas coisas importantes que você precisa saber.

Em primeiro lugar, é importante observar que nem todos os blocos são elegíveis para uso em um padrão de bloco. Alguns blocos podem ter recursos ou requisitos adicionais que os tornam inelegíveis para uso como parte de um padrão. Portanto, verifique novamente quais blocos você deseja usar e certifique-se de que eles sejam elegíveis.

Além disso, os padrões de bloco podem ser compartilhados com outros usuários, então você também deve pensar cuidadosamente sobre como nomear seu padrão. Você quer ter certeza de que é descritivo e fácil de lembrar. Isso ajudará outras pessoas a identificar rapidamente o padrão ao procurá-lo.

Por fim, os padrões de bloco são salvos como arquivos JSON, por isso é importante garantir que você salve o arquivo no local e formato corretos para facilitar a recuperação.

Com essas ressalvas fora do caminho, vamos agora discutir como fazer um para você.

Como criar um padrão de bloco no WordPress

Criar um padrão de bloco no WordPress é relativamente simples e pode ser feito seguindo estas etapas.

1. Crie uma nova página ou postagem

Primeiro, você precisará criar uma nova página ou postagem para criar seu padrão. Isso pode ser feito acessando Páginas ou Postagens na barra lateral do administrador e, em seguida, clicando em Adicionar novo.

adicionando uma nova postagem no WordPress.adicionando uma nova postagem no WordPress.adicionando uma nova postagem no WordPress.
Adicione uma nova postagem no WordPress.

2. Escolha seus blocos

Em seguida, você precisará escolher quais blocos deseja usar para seu padrão. Para fazer isso, clique no + ícone no canto superior esquerdo do editor para exibir uma lista de blocos. A partir daqui, você pode selecionar quaisquer blocos disponíveis. Aqui, estamos inserindo um bloco de layout de coluna.

adicionando blocos adicionando blocos adicionando blocos
Adicione blocos à sua nova postagem em qualquer configuração que desejar.

3. Organize seus blocos

Depois de escolher seus blocos, é hora de organizá-los em um padrão que faça sentido para o seu design. Para fazer isso, você pode usar o recurso de arrastar e soltar para mover os blocos até que estejam organizados da maneira que desejar.

organizar os blocos organizar os blocos organizar os blocos
Organize os blocos como quiser e reorganize-os como achar melhor.

No exemplo acima, inserimos um bloco de duas colunas que continha blocos de imagem, título e parágrafo com um bloco de galeria lado a lado colocado abaixo dele.

4. Salve seu padrão

Agora que seu padrão está organizado e pronto, é hora de salvá-lo para uso posterior. Para isso, clique no três pontos ícone no canto superior direito do editor e clique no link que diz Editor de código.

Alternar para o editor de códigoAlternar para o editor de códigoAlternar para o editor de código
Alternar para o editor de código

Em seguida, você precisará copiar todo o código que vê aqui e colá-lo em um bloco de notas para mantê-lo seguro.

copiar códigocopiar códigocopiar código
Copie o código dos blocos que você inseriu.

Em seguida, vá para Aparência > Editor de Arquivo de Tema e acesse o funções.php arquivo. Cole o seguinte trecho de código neste arquivo:

1
function function_name() {
2
  register_block_pattern(
3
    slug,
4
    array(
5
        title       => __( Your Title, text-domain ),
6
        description => _x( Your Description., Block pattern description, text-domain ),
7
        content     => "",
8
    )
9
);
10
}
11
add_action( init, function_name );

Em seguida, cole o código que você copiou anteriormente no local onde este trecho diz “conteúdo”. Então clique Atualizar arquivo quando terminar de fazer alterações.

5. Use seu padrão

Depois de salvar seu padrão de bloco, ele está pronto para uso! Para fazer isso, você pode criar uma nova postagem e clicar no ícone quadrado azul com o sinal de mais dentro dele. Em seguida, selecione o Padrão aba. Seus novos padrões de bloco agora devem estar acessíveis nesta lista.

E é isso! Você criou com sucesso um padrão de bloco no WordPress.

Então, agora que você sabe como criar um padrão de blocos no WordPress, pode começar a colocá-los para funcionar de verdade. Você também pode definir como compartilhá-los. E é isso que mostraremos como fazer a seguir.

Como compartilhar um padrão de bloco no WordPress

Se você deseja compartilhar um padrão de bloco com outras pessoas, pode fazê-lo acessando o Diretório de padrões de bloco do WordPress e clicando no link que diz Criar um novo padrão.

criar novo padrãocriar novo padrãocriar novo padrão
Crie um novo padrão no diretório padrão de bloco

Você precisará fazer login no WordPress.org para criar um padrão aqui. Depois de fazer isso, você verá o editor de blocos exatamente como em seu site auto-hospedado. Crie um layout de padrão de bloco como faria normalmente e, quando terminar, clique Salvar Rascunho.

salvar um rascunho de padrãosalvar um rascunho de padrãosalvar um rascunho de padrão
Salve seus padrões como rascunhos

Se você optar por torná-lo público, seu padrão estará disponível para qualquer pessoa usar e compartilhar com outras pessoas. Esta é uma ótima maneira de divulgar seu design e obter feedback de outros usuários do WordPress sobre como melhorá-lo. Para fazer isso, você precisará clicar no botão azul Enviar botão para ter seu padrão considerado para inclusão no diretório.

E é isso! Agora que você sabe como criar e compartilhar padrões de blocos no WordPress, você tem tudo o que precisa para criar belos designs de forma rápida e fácil. Então vá em frente e comece a criar seus próprios padrões de blocos exclusivos hoje!

Saiba mais sobre Gutenberg e WordPress

Criar e compartilhar padrões de blocos é apenas um dos muitos recursos excelentes que o Gutenberg oferece. Para saber mais sobre este poderoso novo editor para WordPress, verifique nossos outros tutoriais e recursos. Você logo descobrirá por que tantas pessoas estão recorrendo ao Gutenberg para suas necessidades de design de sites.

Temas do WordPress para usar em seu próximo projeto

Procurando um ótimo tema para usar com o Gutenberg? Confira nossas principais escolhas dos melhores temas do WordPress criados para aproveitar este poderoso novo editor.

Faça uso de padrões de bloco no WordPress começando agora

Os padrões de bloco são uma ótima maneira de acelerar o processo de design no WordPress, economizando tempo e esforço ao criar designs personalizados. Com apenas alguns cliques, você pode criar lindos padrões de forma rápida e fácil que ficarão ótimos em qualquer site. Então, o que você está esperando? Comece com padrões de bloco hoje!

[ad_2]

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *