Como exportar e importar blocos de Gutenberg no WordPress

No início, os usuários do WordPress tinham um relacionamento agridoce com o construtor baseado em bloco do WordPress. Então, como descobrimos em nosso guia para Gutenberg, o novo editor vem com recursos incríveis que tornam a criação de conteúdo bonito fácil e divertida. Agora, alguns não conseguem o suficiente do editor.


Gutenberg oferece recursos suficientes para criar páginas e postagens notáveis, sem escrever código. Não importa o conteúdo que você deseja adicionar, Gutenberg tem apenas o bloco.

Deseja modificar e estilizar cada bloco de conteúdo extensivamente? Gutenberg está de costas graças a uma bateria de opções de personalização. Deseja ainda mais blocos do que o disponível no editor padrão? Há uma tonelada de plugins adicionais de Gutenberg por aí.

É por isso que é triste que muitos usuários não saibam Blocos reutilizáveis, um dos brilhantes recursos de Gutenberg. Se você não tem ideia do que estamos falando, os blocos reutilizáveis ​​são simplesmente conteúdo blocos que você cria, salva e reutiliza à vontade.

Digamos que você queira adicionar uma frase de chamariz, nota de agradecimento, assinatura, formulário ou qualquer outra coisa no final de cada postagem ou página.

No passado, você tinha que salvar o recurso em um arquivo de texto no seu computador. Quando você precisar, copie e cole na sua postagem ou página. Gutenberg aliviou esse problema. Agora você não precisa usar arquivos de texto ou criar os mesmos blocos do zero toda vez.

Você pode criar um único bloco reutilizável e usá-lo não apenas em suas postagens e páginas, mas também em outros sites do WordPress..

Se você cria muitos sites ou precisa adicionar conteúdo especial a cada postagem / página, os blocos reutilizáveis ​​do Gutenberg podem ajudar você a economizar muito tempo.

E na postagem de hoje, mostramos exatamente como criar e exportar blocos reutilizáveis ​​de Gutenberg no WordPress. Nosso objetivo é ajudá-lo a mover e reutilizar blocos de conteúdo personalizados em vários posts / páginas / sites WordPress facilmente.

A parte, de lado: Se você criar um bloco usando um plug-in como o Getwid, por exemplo, deverá instalar o plug-in nos outros sites do WordPress que deseja reutilizar o referido bloco. Observe também que seus blocos podem parecer um pouco diferentes de tema para tema, mas tudo é bom porque o Gutenberg oferece muito poder de personalização.

Que fora do caminho, pegue uma caneca de café e aproveite a leitura.

Em primeiro lugar, você precisa de blocos reutilizáveis

Infelizmente, você não pode exportar ou importar regular blocos. Para exportar e importar blocos Gutenberg, você deve primeiro criar reutilizável blocos.

Para fins ilustrativos, criarei um nota de agradecimento que gostaria de adicionar ao final de cada post que publicar. Sabe, sem reescrever a nota toda vez que preciso adicioná-la a uma postagem ��

Minhas nota de agradecimento não é nada complexo; apenas um bloco de parágrafos simples com links para o Twitter e o Facebook. Lembre-se de que seu bloco pode ser o que você quiser – um banner, controle deslizante de imagem, cotação, lista, postagens mais recentes, formulário do MailChimp, etc..

Mais tarde, mostrarei como exportar a nota (leitura, bloco) para um segundo site do WordPress. Parece bom? Ótimo, vamos começar.

Como criar um bloco reutilizável

Criar um bloco reutilizável é incrivelmente fácil. Navegar para Publicações> Adicionar novo para iniciar o editor Gutenberg:

adicionando um novo post wordpress

Em seguida, clique no Adicionar bloco (+) ícone e escolha seu bloco de conteúdo. No nosso caso, adicionei o bloco de parágrafos, como mostra a imagem a seguir.

adicionando bloco gutenberg no wordpress

Depois disso, personalize e estilize seu bloco de acordo com suas necessidades. Adicionei algum texto, links de mídia social e cor de fundo. Veja como nosso novo bloco, também conhecido como nota de agradecimento olha no meu editor Gutenberg:

Muito bom John Doe. Muito agradável. Agora, provavelmente irei seguir o seu blog nas mídias sociais �� Seguindo rapidamente.

No momento, a nota acima é uma regular quadra. Precisamos convertê-lo em um reutilizável bloco que podemos exportar e importar. Para fazer isso, clique no Mais opções ícone e, em seguida Adicionar a blocos reutilizáveis, como mostrado abaixo.

Em seguida, nomeie seu bloco reutilizável e pressione o botão Salve  como visto abaixo.

nomeando bloco reutilizável de Gutenberg

E é isso, você acabou de criar seu primeiro bloco reutilizável. Caminho a percorrer amigo.

Como usar blocos reutilizáveis

Adicionar o bloco reutilizável que acabamos de criar às suas postagens ou páginas é extremamente fácil. Depois de adicionar o conteúdo necessário à sua postagem ou página, clique no botão Adicionar bloco (+) ícone, role até o Blocos reutilizáveis guia e escolha seu bloco (nota de agradecimento no nosso caso), como mostrado abaixo.

bloco reutilizável de Gutenberg

Depois de adicionar o bloco reutilizável à sua postagem ou página, pressione o Visualização /Publicar para visualizar seus resultados no front-end. Aqui está o que eu tenho:

Meu site de teste está executando o tema Twenty Twenty.

A melhor parte é que posso reutilizar minha nota de agradecimento bloquear a qualquer momento, sem precisar criá-lo do zero. Posso adicioná-lo a todos os tipos de post que suportam blocos de Gutenberg.

Agora que você sabe como criar e usar blocos reutilizáveis, vamos aprender mais sobre como exportar esses blocos para outro site WordPress. Para evitar confusão, usarei o mesmo bloco que criamos.

Como exportar blocos de Gutenberg no WordPress

A exportação de um bloco reutilizável de Gutenberg é coisa de alunos da quarta série que você concluirá rapidamente.

O que fazer?

Dentro do editor Gutenberg, clique no botão Mais ferramentas e opções ícone e, em seguida Gerenciar todos os blocos reutilizáveis, como destacamos abaixo:

gerenciar todos os blocos reutilizáveis

Fazer isso leva você ao Blocos tela onde você pode visualizar e gerenciar todos os seus blocos reutilizáveis:

Nós só temos o Nota de agradecimento bloco, mas a tela acima será preenchida conforme você criar mais. Para exportar, passe o mouse sobre o título e clique no botão Exportar como JSON link que aparece. Veja a imagem abaixo.

Em seguida, salve o arquivo JSON no seu computador:

Agora que temos o arquivo JSON no seu computador, é hora de importar o bloco para o nosso segundo site de teste.

Como importar blocos de Gutenberg no WordPress

A importação de blocos reutilizáveis ​​é tão fácil quanto A, B, C. Primeiro, abra o editor Gutenberg. Em segundo lugar, clique no Mais ferramentas e opções ícone e, em seguida Gerenciar todos os blocos reutilizáveis, como mostrado abaixo.

No Blocos tela a seguir, clique em Importar do JSON, escolha o arquivo que você baixou anteriormente e pressione a tecla Importar botão nessa ordem:

E é isso! Assim, você importou com sucesso um bloco reutilizável do Gutenberg para o seu segundo site WordPress:

Não foi tão fácil? Posteriormente, você poderá usar e reutilizar seu bloco Gutenberg no segundo site quantas vezes desejar.

Existem plugins para exportar blocos de Gutenberg?

Ah, sim, e eu encontrei um por ThemeIsle, um desenvolvedor WordPress respeitável. É um plugin gratuito conhecido como Importação de exportação de blocos. Essencialmente, o plug-in permite que você pule este tutorial inteiro. Sim, está certo; você nem precisa criar blocos reutilizáveis.

Instale e ative o plug-in e, em seguida, abra o editor Gutenberg. Crie seu bloco como desejar e clique no ícone Mais opções ícone. Em seguida, pressione o Exportar JSON, como mostrado abaixo. Aqui está a captura de tela:

Isso faz o download do arquivo JSON para o seu computador. Para importar o arquivo JSON usando o plug-in, abra o editor Gutenberg. Em seguida, clique no Adicionar bloco ícone e, em seguida Importar blocos do JSON debaixo de Widgets aba:

Depois disso, clique em Escolher arquivo para selecionar o arquivo do seu computador e pressione o Envio botão:

O único problema com o método do plug-in é que seus blocos não serão salvos no seu site WordPress. Para salvar blocos no seu banco de dados WordPress, você deve usar o método manual. Talvez isso mude no futuro.

Infelizmente, não encontrei outro plug-in. Ainda assim, o plug-in pode economizar muito tempo se você não se preocupa em salvar blocos reutilizáveis ​​no seu site. Você terá os blocos como arquivos JSON no seu computador.


Os blocos reutilizáveis ​​de Gutenberg são um salva-vidas. Eles permitem replicar modelos e recursos rapidamente, desde que você não comece do zero. Se você criar muitas postagens / páginas e / ou sites, aprenderá a exportar blocos Gutenberg será útil..

Tem perguntas ou sugestões sobre os blocos de Gutenberg? Por favor, deixe-nos saber nos comentários abaixo.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me