Um dos recursos mais úteis (e subutilizados) do editor de blocos do WordPress (também conhecido como Gutenburg) é o bloco reutilizável. Se você sabe Divi ou outros construtores de página, os blocos reutilizáveis têm a mesma função que os módulos globais. Esses são blocos (ou grupos de blocos) que você configura uma vez, mas pode reutilizar.
Você pode inseri-los em várias páginas e postagens sem ter que editá-los novamente. E, se você quiser alterá-los novamente, as alterações podem ser em todo o site, economizando horas ao longo da vida de um site. Portanto, vamos explorar todas as maneiras pelas quais você pode gerenciar seus blocos reutilizáveis do WordPress.
Como criar um bloco reutilizável no WordPress
A criação de um bloco reutilizável no WordPress é relativamente simples. Em qualquer postagem que você edite com o Editor de Bloco (que é o padrão no WP 5.x, a menos que você esteja usando o plugin Editor Clássico ), você pode tornar qualquer bloco que desejar reutilizável. Clique no lista suspensa à três pontos nas configurações de foco instantâneo do bloco e selecione Adicionar a blocos reutilizáveis .
O editor solicitará que você nomeie o novo bloco para recuperação posterior. Certifique-se de nomeá-lo com algo memorável para a função que ele servirá em seu site. Tal como artigos relacionados ou imagem de capa para postagens do blog ou algo tão descritivo.
Se você cometer um erro ao criar o bloco reutilizável (ou apenas cometer um erro ao criá-lo), poderá clicar nos parâmetros na lista suspensa novamente e clicar em Excluir blocos reutilizáveis . Esta opção apaga todo o bloco do banco de dados. dados e você pode repetir o processo acima para adicioná-lo de volta à coleção, se desejar.
Além disso, você pode simplesmente clicar no próprio bloco depois de salvá-lo para localizar o botão. Modificar .
Para o bloco de parágrafo neste exemplo, oferece a opção de renomeá-lo. Os ajustes para cada bloco serão diferentes, no entanto. Para uma caixa de imagem, você obtém opções adicionais, como inserir outro arquivo de sua biblioteca de mídia ou carregar um novo, bem como alinhamento ou URL vinculado.
Este processo funciona com quaisquer blocos reutilizáveis que você criar. Mas tenha em mente que todas as alterações feitas em um bloco reutilizável desta forma se aplicam a todas as outras instâncias desse bloco em seu site . Portanto, se você alterar a imagem em um bloco, a nova imagem aparecerá em todos os lugares.
Como inserir blocos reutilizáveis
Usar blocos reutilizáveis no WordPress é realmente muito fácil e direto. Dentro do Editor de bloco, você pode clicar em qualquer ocorrência do + dentro de um círculo para encontrar a guia reutilizável . O botão + aparece à direita de qualquer bloco, abaixo de qualquer bloco e no canto superior esquerdo da tela.
Quando você insere os blocos reutilizáveis que você cria em diferentes postagens e páginas, eles também podem aparecer na guia Mais usado , que aparece no topo da lista cada vez que você pressiona o botão +.
Eles mudarão à medida que você usa blocos diferentes, mas se você usar o mesmo bloco reutilizável, por exemplo, como rodapé de cada postagem do blog, eles aparecerão aqui com bastante frequência.
Como gerenciar todos os blocos reutilizáveis no WordPress
Na parte inferior da guia reutilizável você encontrará um link Gerenciar todos os blocos reutilizáveis . Clicar neste link leva você a uma página de aparência familiar, onde todos os blocos reutilizáveis que você criou são listados. A lista será muito parecida com a lista padrão de posts e páginas do WordPress.
Ao visualizar a lista, você vê algumas opções importantes. Importar do JSON , exportar no formato JSON et mudança .
uso Editar é exatamente o mesmo que acima para editar um bloco. Apenas em vez de estar dentro de um determinado artigo, o bloco aparece em seu próprio editor de tipo de artigo, onde você pode atualizá-lo e apenas ele. Novamente, todas as alterações feitas neste bloco serão aplicadas em todo o site para cada instância.
Por exportar no formato JSON , clique no botão (3) lhe dará uma caixa de diálogo (dependendo das configurações do seu navegador) para escolher um local para baixar o arquivo JSON gerado. O arquivo em si é JSON simples. Ele mostra o tipo de arquivo (um bloco), o título que você deu ao editar ou criar e, em seguida, o código HTML real que será inserido pelo WordPress para renderizar o bloco e seu conteúdo no front-end do site.
Importar de JSON é tão simples quanto: você encontra o arquivo JSON em seu computador e faz o download como qualquer outro anexo ou arquivo.
Depois de pressionar importação , ele aparecerá na sua lista de blocos reutilizáveis. No entanto, observe que se você já tiver um bloco com o mesmo nome (neste caso, o bloco reutilizável 1 ), o novo bloco importado não será renomeado. Você tem que fazer isso manualmente para diferenciá-los.
Por que importar e exportar blocos reutilizáveis?
Existem vários motivos para importá-los e exportá-los, mas os principais são para fins de backup e portabilidade. Você provavelmente desejará manter um backup de todos os blocos e do conteúdo que você considera útil publicar em seu site. Portabilidade, compartilhamento e vendas também são importantes.
Se você precisar usar um bloco em outro site. Para compartilhar com um colega de equipe. Ou para vender sozinho como um bloco reutilizável para seus clientes. Assim como nosso pacotes de layout semanal para Divi , importar e exportar blocos oferece a possibilidade de estender o gerador de várias maneiras. Além disso, quando você usa a opção Blocos de grupo (veja abaixo), você pode importar e exportar modelos e layouts inteiros como blocos reutilizáveis no formato JSON.
Como criar grupos de blocos reutilizáveis no WordPress
A criação de um grupo de blocos reutilizáveis permite que toda a funcionalidade dos blocos reutilizáveis brilhe. Em vez de ter uma única imagem, parágrafo ou cabeçalho que pode ser inserido globalmente, você também pode agrupar blocos do Gutenberg e salvá-los como um único bloco reutilizável. Isso significa que você pode, por exemplo, agrupar um bloco de título, um bloco de parágrafo, um bloco de imagem e um bloco HTML personalizado para ter um formulário associação de e-mail global para todas as postagens do editor de blocos.
Para criar um grupo de blocos reutilizáveis do WordPress, basta clicar enquanto segura a tecla Shift nos blocos para adicioná-los ao grupo. Todos os blocos selecionados serão destacados com uma borda azul.
Então você pressiona o botão transformador (2) e selecione Grupo na lista suspensa (3) . Neste ponto, você verá os blocos se fundirem em um bloco. Em seguida, você transforma o bloco de grupo em um bloco reutilizável da mesma maneira que fez acima com qualquer outro bloco único.
Este novo grupo aparecerá na lista de todos os blocos reutilizáveis e na guia. reutilizável quando você adiciona um novo bloco a uma publicação ou página.
Como criar um modelo reutilizável
Discutimos anteriormente que um bloco reutilizável no WordPress é um elemento global. Isso significa que qualquer modificação feita em uma instância do bloco afetará todas as outras instâncias. Se você alterar o texto ou a imagem de um bloco reutilizável, essa alteração se aplicará a todo o site. No entanto, você lata use blocos reutilizáveis como modelos que podem ser editados individualmente. Novamente, assim como nossos layouts Divi, o editor de blocos permite inserir o bloco geral (ou grupo de blocos) da sua biblioteca e, em seguida, modificar o conteúdo em uma postagem ou página individual (ou mesmo bloco por bloco).
Para fazer isso, insira um bloco reutilizável no editor, como vimos acima. aperte o + em um círculo vá para reutilizável e selecione o bloco que deseja inserir.
Quando o bloco aparecer, clique nos três pontos para abrir o menu suspenso . Selecione Converter em bloco normal . Nota: não selecione Excluir blocos reutilizáveis .
Converter em bloco normal só se aplica a esse bloco único . Quando você usa Converter em bloco padrão , você diz ao WordPress que deseja que esse bloco único (e apenas este) seja independente das alterações gerais em todo o site. Quaisquer alterações feitas em outros blocos reutilizáveis não se aplicarão a um bloco convertido e essas alterações não se aplicarão globalmente.
A seleção de Excluir blocos reutilizáveis remove tudo do diretório global. Os blocos que você já inseriu permanecerão onde estão, mas não compartilharão nenhuma característica global. Você também não poderá inseri-los novamente na guia reutilizável (o que pode ser óbvio). Isso anularia o propósito de ter o bloco reutilizável como modelo, portanto, não sugerimos fazer isso.
No entanto, usando Converter em bloco regular , você pode inserir o modelo base para o bloco (ou grupo de blocos) e remover apenas aquela instância particular dele dos Padrões Globais, tornando a função de bloco original reutilizável como um modelo para outras publicações e Páginas. Você pode ver esse recurso em vigor em nosso tutorial sobreadicionando blocos de layout Divi reutilizáveis às postagens do blog .
Conclusão
Os blocos reutilizáveis são um dos principais recursos do Editor de blocos de Gutenberg. Desde a capacidade de compartilhar blocos e conteúdo entre sites e amigos e usá-los como modelos para elementos comuns em seu site, aproveitar o recurso de blocos reutilizáveis pode levar sua criação e design de postagem para o próximo nível e da sua página para novos níveis de utilidade, criatividade e experiência do usuário.
