fbpx

Bem vindo ao
Blog da FULL.

Aprenda, crie e cresça seu negócio na internet.

Encontre conteúdos, dicas, tutoriais e novidades sobre as principais ferramentas Wordpress

Como criar um bloco reutilizável no WordPress Block Editor (Gutenberg)

Você está em:

Como criar um bloco reutilizável no WordPress Block Editor (Gutenberg)

Você costuma usar os mesmos trechos de conteúdo em suas postagens do WordPress? Se você fizer isso, você vai adorar o recurso Bloco Reutilizável no novo editor de blocos do WordPress. Ele permite que você salve qualquer bloco de conteúdo e reutilize-o em outras postagens e páginas do seu site.

Neste artigo, mostraremos como criar facilmente um bloco reutilizável no editor de blocos do WordPress, também conhecido como Gutenberg. Também mostraremos como adicionar blocos reutilizáveis em suas postagens do WordPress e exportá-los para usar em outros sites do WordPress.

Criando um bloco reutilizável no editor WordPress Gutenberg

O que é um bloco reutilizável no WordPress Block Editor (Gutenberg)?

Um bloco reutilizável no editor do WordPress é um bloco de conteúdo salvo individualmente para ser usado posteriormente.

Muitos blogueiros costumam adicionar os mesmos snippets de conteúdo em vários artigos, como call-to-actions no final da postagem do blog ou links para seguir o blog nas mídias sociais.

A maioria das pessoas apenas salva seus trechos de conteúdo como arquivos de texto em seus computadores e depois os copia e cola quando necessário.

O editor WordPress Gutenberg resolve esse problema introduzindo blocos reutilizáveis.

Basicamente, agora você pode salvar trechos de conteúdo em seu editor WordPress e reutilizá-los em qualquer lugar quase instantaneamente.

A seguir estão apenas alguns dos cenários em que um bloco reutilizável pode ajudá-lo a trabalhar com mais eficiência:

  • Pedir aos usuários para segui-lo nas mídias sociais no final de cada artigo.
  • Adicionando botões de call-to-action em suas postagens e páginas do WordPress.
  • Salvando e reutilizando tabelas
  • Adicionando rapidamente formulários de feedback às suas páginas
  • Adicionando manualmente banners de afiliados embutidos
  • e mais…

Dito isto, vamos dar uma olhada em como criar facilmente um bloco reutilizável no editor de blocos do WordPress.

Vídeo tutorial

Inscreva-se no WPBeginner

Se você não gostar do vídeo ou precisar de mais instruções, continue lendo.

Criando um bloco reutilizável no editor do WordPress

Todos os blocos Gutenberg são elementos de conteúdo individuais no editor do WordPress e podem ser salvos individualmente como um bloco reutilizável

Primeiro, você precisa criar uma nova postagem ou editar uma existente. Na tela de edição de postagem, clique no botão adicionar novo bloco e escolha um tipo de bloco de acordo com o conteúdo que você vai salvar.

Adicionar um novo bloco ao editor Gutenberg

Neste exemplo, vamos salvar algumas linhas de texto em um bloco de parágrafo.

Depois de adicionar o bloco, você precisa adicionar o conteúdo que deseja reutilizar. Você pode usar as opções de estilo e formatação na barra de ferramentas do bloco e nas configurações do bloco.

Editando um bloco

Quando terminar de editar, clique no botão do menu de três pontos na barra de ferramentas e selecione a opção ‘Adicionar a blocos reutilizáveis’.

Adicionar a blocos reutilizáveis

Você será solicitado a inserir um nome para o bloco reutilizável. Recomendamos usar um nome que ajude a identificar rapidamente o bloco e o que ele faz.

Adicionar nome do bloco

Por fim, clique no botão Salvar para armazenar seu bloco reutilizável.

Seu bloco será salvo no banco de dados do WordPress com todas as suas configurações.

Adicionando bloco reutilizável em outras postagens e páginas

Agora que aprendemos como criar um bloco reutilizável no WordPress, vamos ver como adicionar blocos reutilizáveis em seus posts e páginas do WordPress.

Mais uma vez, crie uma nova postagem ou edite uma postagem na qual deseja adicionar o bloco reutilizável. Na tela de edição de postagem, clique no botão adicionar novo bloco.

Seu bloco reutilizável está localizado na guia ‘Reutilizável’. Você também pode encontrá-lo digitando seu nome na caixa de pesquisa.

Adicionando bloco reutilizável

Você pode passar o mouse sobre ele para ver uma visualização rápida do bloco. Vá em frente e clique no bloco para inseri-lo em sua postagem.

Seu bloco reutilizável aparecerá no editor de postagem.

Bloco reutilizável adicionado a uma postagem

Você também pode editar o bloco reutilizável clicando no botão editar no bloco.

No entanto, lembre-se de que alterar um bloco reutilizável o alterará em todos os locais onde você o usou.

Se você deseja apenas fazer uma alteração que aparece apenas nesta postagem específica, primeiro é necessário convertê-la em um bloco normal.

Clique no menu de três pontos na barra de ferramentas do bloco e selecione a opção ‘Converter em bloco normal’.

Converter para bloco normal

Isso converterá seu bloco reutilizável em um bloco normal e você poderá fazer alterações nele sem afetar o bloco reutilizável original.

Gerenciando todos os blocos reutilizáveis no editor do WordPress

Depois de usar blocos reutilizáveis por um tempo, você pode ter alguns blocos que não usa mais ou alguns blocos que deseja renomear.

O Gutenberg Editor permite que você gerencie facilmente todos os seus blocos reutilizáveis em uma tela.

Para gerenciar seus blocos, clique no botão adicionar bloco e localize a guia Reutilizáveis. Você verá um link para gerenciar sua página de bloqueios reutilizáveis.

Gerenciar link de blocos reutilizáveis

Clicar no link levará você à página de gerenciamento de blocos. A partir daqui, você pode editar, excluir, exportar e importar seus blocos.

Gerenciar blocos reutilizáveis

Exportando / Importando Blocos Reutilizáveis

Os blocos reutilizáveis não são apenas reutilizáveis no site para o qual foram criados. Você também pode usá-los em qualquer outro site WordPress.

Você pode exportar os blocos da tela de gerenciamento de blocos. Basta clicar no botão de exportação abaixo de um bloco e o WordPress o enviará para você como um arquivo JSON.

Exportando um bloco reutilizável

Agora você pode alternar para a área de administração de outro site WordPress. Vá para a tela de gerenciamento de blocos e clique no botão ‘Importar de JSON’.

Isso mostrará uma caixa de upload de arquivo. Clique no botão escolher arquivo para selecionar o bloco que você baixou anteriormente e, em seguida, clique no botão importar.

O WordPress agora importará seu bloco reutilizável e o salvará no banco de dados. Você pode ir em frente e começar a usá-lo no novo site.

Para obter instruções mais detalhadas, criamos um guia passo a passo sobre como importar/exportar blocos de conteúdo do WordPress (com capturas de tela) .

Esperamos que este artigo tenha ajudado você a aprender como criar um bloco reutilizável no editor WordPress Gutenberg. Você também pode querer ver nossas dicas sobre como expandir seus negócios on-line sem gastar uma fortuna.

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 .

Uncategorized

Aprenda com a FULL.

Junte-se a mais de 50 mil pessoas que recebem em primeira mão as principais ferramentas e tecnologia para desenvolvimento web

Meu carrinho
🎁 Faltam R$100,00 para liberar a Black da FULL
Seu carrinho está vazio.

Parece que você não adicionou nada ao seu carrinho =(