Uma das funcionalidades mais úteis (e subutilizadas) do editor de blocos do WordPress (também conhecido como Gutenberg) é o bloco reutilizável. Se você estiver familiarizado com Divi Em outros construtores de páginas, os blocos reutilizáveis desempenham a mesma função que os módulos globais. São blocos (ou grupos de blocos) que você configura uma única vez, mas que podem ser reutilizados posteriormente.
Você pode inseri-los em várias páginas e posts sem precisar editá-los novamente. E se precisar editá-los, as alterações podem ser aplicadas a todo o site, economizando horas de trabalho ao longo da vida útil do site. Então, vamos explorar todas as maneiras de gerenciar seus blocos reutilizáveis do WordPress.
Como criar um bloco reutilizável no WordPress
Criar um bloco reutilizável no WordPress é relativamente simples. Em qualquer postagem que você editar com o editor de blocos (que é o padrão no WP 5.x, a menos que você esteja usando o plugin), você pode criar um bloco reutilizável. 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 pedirá que você nomeie o novo bloco para referência futura. Certifique-se de escolher um nome memorável que reflita sua função no site. Por exemplo: 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 Essa opção remove todo o bloco do banco de dados, e você pode repetir o processo acima para adicioná-lo novamente à coleção, se desejar.
Além disso, você pode simplesmente clicar no próprio bloco depois de salvá-lo para encontrar o botão. Modificar .
Neste exemplo, para o bloco de parágrafo, você tem a opção de renomeá-lo. No entanto, os ajustes para cada bloco serão diferentes. Para um bloco de imagem, você tem opções adicionais, como inserir outro arquivo da sua biblioteca de mídia ou carregar um novo, além de ajustar o alinhamento ou vincular a imagem a um URL específico.
Esse processo funciona com todos os blocos reutilizáveis que você criar. Mas lembre-se de que Quaisquer alterações feitas em um bloco reutilizável dessa forma serão aplicadas a todas as outras instâncias desse bloco em seu site. Portanto, se você alterar a imagem como um bloco único, a nova imagem aparecerá em todos os lugares.
Como inserir blocos reutilizáveis
Usar blocos reutilizáveis no WordPress é muito fácil e simples. Dentro do editor de blocos, você pode clicar em qualquer ocorrência do sinal de + dentro de um círculo para encontrar a aba. reutilizável O botão + aparece à direita de qualquer bloco, abaixo de qualquer bloco e no canto superior esquerdo da tela.
Ao inserir os blocos reutilizáveis que você cria em diferentes posts e páginas, eles também podem aparecer na aba. 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 aba reutilizável você encontrará um link Gerenciar todos os blocos reutilizáveis Clicar neste link o levará a uma página familiar onde cada bloco reutilizável que você criou estará listado. A lista será quase idêntica à 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 O processo para editar um bloco é exatamente o mesmo descrito acima. No entanto, em vez de estar dentro de um artigo específico, o bloco aparece em seu próprio editor, semelhante a um artigo, onde você pode atualizá-lo e somente ele. Novamente, quaisquer alterações feitas neste bloco serão aplicadas a todas as instâncias em todo o site.
Por exportar no formato JSON , clique no botão (3) Isso abrirá uma caixa de diálogo (dependendo das configurações do seu navegador) para que você escolha um local para baixar o arquivo JSON gerado. O arquivo em si é um JSON simples. Ele mostra o tipo de arquivo (um bloco), o título que você deu a ele ao editá-lo ou criá-lo e, em seguida, o código HTML que será inserido pelo WordPress para renderizar o bloco e seu conteúdo na interface do site.
Importando de JSON É igualmente simples: você encontra o arquivo JSON no seu computador e o baixa 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. Provavelmente, você desejará manter um backup de todos os blocos e conteúdo que achar úteis para veicular 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 permite expandir o gerador de diversas maneiras. Além disso, ao usar 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
Criar um grupo de blocos reutilizáveis libera todo o potencial desses blocos. Em vez de ter uma única imagem, parágrafo ou título que você pode inserir 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 de inscrição por e-mail global para todas as suas postagens no 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.
Esse novo grupo aparecerá então na lista de todos os blocos reutilizáveis e na aba correspondente. reutilizável quando você adiciona um novo bloco a uma publicação ou página.
Como criar um modelo reutilizável
Já discutimos anteriormente que um bloco reutilizável no WordPress é um elemento global. Isso significa que qualquer alteraçã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 será aplicada a todo o site. No entanto, você lata Use blocos reutilizáveis como modelos que podem ser modificados individualmente. Assim como em nossos layouts do Divi, o editor de blocos permite que você insira o bloco mestre (ou grupo de blocos) da sua biblioteca e, em seguida, edite o conteúdo em cada postagem ou página individualmente (ou até mesmo bloco por bloco).
Para fazer isso, insira um bloco reutilizável no editor, como vimos acima. Pressione 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 aplica-se somente a esse bloco único . Quando você usa Converter em bloco padrão Ao fazer isso, você está dizendo ao WordPress que deseja que este bloco específico (e somente este) seja independente de alterações feitas em todo o site. Quaisquer alterações feitas em outros blocos reutilizáveis não serão aplicadas a um bloco convertido e não serão aplicadas 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 mais nenhuma característica global. Você também não poderá reinseri-los a partir da aba. reutilizável (o que pode ser óbvio). Isso anularia o propósito de ter o bloco reutilizável como um modelo, portanto, não sugerimos fazê-lo.
No entanto, usando Converter em bloco regular Você pode inserir o modelo base para o bloco (ou grupo de blocos) e remover apenas essa instância específica dos padrões globais, tornando a funcionalidade original do bloco reutilizável como modelo para outras postagens e páginas. Você pode ver esse recurso em ação em nosso tutorial sobre...adicionando 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 Gutenberg. A possibilidade de compartilhar blocos e conteúdo entre sites e amigos, além de usá-los como modelos para elementos comuns em seu site, permite que você aprimore a criação e o design de suas postagens e páginas com ainda mais praticidade, criatividade e experiência do usuário.