Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Copa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Como importar/exportar seus blocos do WordPress Gutenberg (2 etapas)

O editor do WordPress permite que você salve seu conteúdo como blocos personalizados e depois os exporte para outro site do WordPress. Isso pode lhe poupar muito tempo se você tiver vários sites ou criar sites para clientes.

No WPBeginner, a exportação e importação de blocos do editor de conteúdo tem sido muito útil. Compartilhamos blocos personalizados com nossas outras marcas para que elas possam melhorar a produtividade e os fluxos de trabalho de conteúdo.

Neste artigo, mostraremos como exportar facilmente seus blocos do WordPress Gutenberg e importá-los para uso em outros sites.

How to export your Gutenberg blocks

Por que importar/exportar seus blocos do WordPress Gutenberg?

O editor de blocos do WordPress permite que você adicione conteúdo como blocos e, em seguida, personalize esses blocos. Por exemplo, você pode criar uma chamada para ação usando o bloco Buttons.

Em seguida, você pode fazer com que esse botão se destaque alterando a cor do plano de fundo, aumentando o texto e muito mais. Se você planeja usar esse conteúdo novamente, pode salvá-lo como um bloco reutilizável no WordPress.

Creating a reusable block in WordPress

No entanto, você também pode exportar esses blocos reutilizáveis e usá-los em outros sites. Isso pode economizar muito tempo e esforço se você tiver vários sites ou se for uma agência de desenvolvimento WordPress que cria sites para clientes.

Dito isso, vamos ver como você pode importar/exportar blocos do Gutenberg WordPress.

Como importar/exportar seus blocos do WordPress Gutenberg

Se ainda não o fez, você precisará salvar o conteúdo que deseja exportar como um bloco reutilizável. Feito isso, clique no botão “+” dentro do editor de conteúdo do WordPress.

The WordPress content editor

No painel que aparece, selecione o ícone “Reusable” (Reutilizável).

Em seguida, você pode clicar em “Manage Reusable blocks” (Gerenciar blocos reutilizáveis).

Managing reusable WordPress blocks

Isso o leva a uma tela em que é possível ver todos os blocos reutilizáveis.

Basta passar o mouse sobre o bloco que deseja exportar e clicar no link “Export as JSON” quando ele for exibido.

Exporting a WordPress block as a JSON file

O WordPress agora fará o download do bloco para seu computador como um arquivo JSON.

Para importar o bloco para outro blog ou site do WordPress, faça login no site em questão e abra o editor de conteúdo. Em seguida, siga o mesmo processo descrito acima para abrir a tela de gerenciamento de blocos.

Desta vez, em vez disso, clique no botão “Import from JSON”. Na janela pop-up que aparece, selecione “Choose file” (Escolher arquivo).

Choose file to import block in Gutenberg

Agora você pode selecionar o arquivo JSON que baixou anteriormente.

Depois disso, clique em “Importar”.

Importing a block as a JSON file

O WordPress agora importará o bloco reutilizável.

Feito isso, você pode usar o bloco importado em seu site WordPress exatamente da mesma forma que usa qualquer outro bloco reutilizável.

Recursos adicionais sobre blocos do WordPress

Aqui estão mais alguns guias úteis sobre o uso e o gerenciamento de blocos do WordPress:

Esperamos que este artigo tenha ajudado você a aprender como importar/exportar seus blocos do WordPress Gutenberg para usar em outros sites. Talvez você também queira ver nosso guia sobre como remover um bloco no WordPress e a comparação entre preenchimento e margem.

Se você gostou deste artigo, inscreva-se em nosso canal do YouTube para receber tutoriais em vídeo sobre o WordPress. Você também pode nos encontrar no Twitter e no Facebook.

Divulgação: Nosso conteúdo é apoiado pelo leitor. Isso significa que, se você clicar em alguns de nossos links, poderemos receber uma comissão. Veja como o WPBeginner é financiado, por que isso é importante e como você pode nos apoiar. Aqui está nosso processo editorial.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

O kit de ferramentas definitivo WordPress

Obtenha acesso GRATUITO ao nosso kit de ferramentas - uma coleção de produtos e recursos relacionados ao WordPress que todo profissional deve ter!

Reader Interactions

4 ComentáriosDeixe uma resposta

  1. Thomas

    Exactly where IS the ‘Block Management Screen?” I can’t find it anywhere.

    • WPBeginner Support

      It should be visible when you click the + icon to add a new block.

      Administrador

  2. Alan

    Hello,

    Great information. Thanks for sharing.

    I have a question…
    Is it possible to export an entire page made up of many blocks? I can do this in Elementor and use this feature all the time.

    Thanks in advance

    • WPBeginner Support

      You could export a page using Tools>Export and import it on to a new site if that’s what you mean.

      Administrador

Deixe uma resposta

Obrigado por deixar um comentário. Lembre-se de que todos os comentários são moderados de acordo com nossos política de comentários, e seu endereço de e-mail NÃO será publicado. NÃO use palavras-chave no campo do nome. Vamos ter uma conversa pessoal e significativa.