Deseja criar um bloco reutilizável no editor de blocos do WordPress?
Os blocos reutilizáveis permitem que você salve qualquer bloco de conteúdo e o reutilize em outros posts e páginas do seu site, o que economiza tempo e esforço.
Neste artigo, mostraremos como criar facilmente um bloco reutilizável no editor de blocos do WordPress.
O que é um bloco reutilizável no WordPress?
Um bloco reutilizável no editor de blocos do WordPress é um bloco de conteúdo que pode ser salvo para ser usado posteriormente em outros posts e páginas.
Muitos blogueiros costumam adicionar os mesmos snippets de conteúdo em vários artigos, como chamadas para ação no final da publicação do blog ou links para seguir o blog do WordPress nas mídias sociais.
A maioria dos usuários simplesmente salva seus trechos de conteúdo reutilizáveis como arquivos de texto em seus computadores e os copia e cola quando necessário.
No entanto, o editor de blocos do Gutenberg resolve esse problema introduzindo blocos reutilizáveis.
Um bloco reutilizável permite que os usuários criem um bloco de conteúdo e o salvem em seu editor de blocos. Esse bloco pode então ser inserido em qualquer post ou página do WordPress sem a necessidade de recriar o conteúdo do zero.
Isso economiza tempo e também permite que você mantenha um design ou estilo consistente em todas as páginas ou postagens.
Aqui estão apenas alguns dos cenários em que um bloco reutilizável pode ajudá-lo a trabalhar com mais eficiência:
- Solicitar aos usuários que o sigam nas mídias sociais no final de cada artigo
- Adicionar botões de call-to-action em seus posts e páginas do WordPress
- Salvar e reutilizar tabelas
- Adicionar rapidamente formulários de feedback às suas páginas
- Adicionar manualmente banners de afiliados em linha
- Salvar e reutilizar blocos aninhados
Dito isso, vamos dar uma olhada em como criar facilmente um bloco reutilizável no editor de blocos do WordPress.
Como criar um bloco reutilizável no editor do WordPress Gutenberg
Todos os blocos do Gutenberg são elementos de conteúdo individuais no editor do WordPress que também podem ser salvos como blocos reutilizáveis.
Primeiro, você precisa abrir uma postagem existente ou nova para começar a criar um bloco reutilizável.
Depois de abrir o editor de blocos, clique no botão “Add Block” (+) no canto superior esquerdo da tela.
Isso abrirá o menu de blocos, onde você pode arrastar e soltar um novo bloco que deseja reutilizar em várias páginas ou publicações.
Neste tutorial, escolheremos o bloco Paragraph para criar um bloco reutilizável para um snippet de conteúdo de CTA.
Depois de inserir o bloco, você precisa adicionar o conteúdo que deseja reutilizar.
Você também pode estilizar ainda mais o bloco usando diferentes opções da barra de ferramentas de blocos na parte superior ou usando o painel de blocos no canto direito da tela.
Quando terminar de editar, clique no botão de menu de três pontos na barra de ferramentas do bloco.
Isso abrirá um menu suspenso no qual você deverá selecionar a opção “Create Reusable Block” (Criar bloco reutilizável).
Em seguida, será solicitado que você digite um nome para o bloco reutilizável. Recomendamos usar um nome que o ajude a identificar rapidamente o bloco e o que ele faz.
Depois disso, basta clicar no botão “Salvar” para armazenar suas configurações.
Seu bloco reutilizável agora será salvo no banco de dados do WordPress com todas as suas configurações.
Como adicionar blocos reutilizáveis do WordPress em posts e páginas
Agora que aprendemos a criar um bloco reutilizável no WordPress, vamos ver como adicionar blocos reutilizáveis aos seus posts e páginas do WordPress.
Mais uma vez, você deve abrir uma postagem nova ou existente na qual deseja adicionar o bloco reutilizável no editor do Gutenberg.
A partir daí, clique no botão “Add Block” (+) no canto superior esquerdo da tela e mude para a guia “Reusable” (Reutilizável) na parte superior do menu de blocos.
Aqui, todos os blocos reutilizáveis que você criou serão exibidos no painel.
Você também pode encontrar seu bloco reutilizável digitando seu nome na caixa de pesquisa.
Agora, basta clicar no bloco para inseri-lo em sua postagem.
Você também pode editar o bloco reutilizável usando as configurações na barra de ferramentas do bloco ou na barra lateral do bloco à direita.
No entanto, lembre-se de que a alteração das configurações do bloco reutilizável o alterará em todos os locais em que você o utilizou.
Se você quiser fazer uma alteração que apareça apenas nessa postagem específica, será necessário convertê-la em um bloco regular primeiro.
Para fazer isso, você precisa clicar no ícone “Converter em bloco regular” na barra de ferramentas de blocos na parte superior.
Isso converterá seu bloco reutilizável em um bloco regular, e você poderá fazer alterações nele sem afetar o bloco original.
Gerenciando todos os blocos reutilizáveis no editor do WordPress
Depois de usar blocos reutilizáveis por algum tempo, você pode ter alguns blocos que não usa mais ou que deseja renomear.
O editor Gutenberg permite que você gerencie facilmente todos os seus blocos reutilizáveis em uma única tela.
Para gerenciar seus blocos, basta clicar no botão “Add Block” (+) no canto superior esquerdo e mudar para a guia “Reusable” (Reutilizável).
A partir daí, clique no botão “Manage Reusable Blocks” (Gerenciar blocos reutilizáveis) na parte inferior do painel.
Isso o direcionará para a página Reusable Blocks (Blocos reutilizáveis), onde você poderá gerenciar facilmente todos os recursos de blocos reutilizáveis em seu site do WordPress.
Aqui, você pode editar, excluir, importar ou até mesmo exportar seus blocos para outro site.
Como importar/exportar blocos reutilizáveis
Os blocos reutilizáveis não são reutilizáveis apenas no site para o qual foram criados. Você também pode usá-los em qualquer outro site do WordPress.
Para exportar os blocos da página Reusable Blocks (Blocos reutilizáveis), clique no link “Export as JSON” (Exportar como JSON) abaixo do bloco.
O WordPress agora enviará o bloco como um arquivo JSON que pode ser salvo em seu computador.
Agora você pode mudar para a área de administração de outro site do WordPress. A partir daí, acesse a tela de gerenciamento de blocos para visualizar as opções de blocos reutilizáveis.
Em seguida, clique no botão “Import from JSON” (Importar de JSON) na parte superior.
Isso mostrará uma caixa de upload de arquivo na qual você deve clicar no botão “Choose file” (Escolher arquivo) para selecionar o bloco que você baixou anteriormente.
Depois disso, clique no botão “Import” (Importar).
O WordPress agora importará seu bloco reutilizável e o salvará em seu banco de dados. Agora você pode ir em frente e começar a usar os blocos reutilizáveis recém-importados em seu outro site do WordPress.
Para obter instruções mais detalhadas, consulte nosso guia passo a passo sobre como importar/exportar seus blocos de conteúdo do WordPress (com capturas de tela).
Dicas de bônus para dominar o Block Editor do WordPress
Além de adicionar blocos reutilizáveis para melhorar seu fluxo de trabalho editorial, você também pode usar algumas outras dicas do editor de blocos do WordPress para otimizar seu processo de criação de conteúdo.
Isso pode aumentar a produtividade e ajudá-lo a se concentrar mais no conteúdo do seu site.
Você pode dominar facilmente o editor de blocos memorizando primeiro os blocos que mais usará em seu site, como parágrafo, imagem, título ou bloco de botões.
Depois de fazer isso, você pode reorganizar a tela de edição para exibir a barra de ferramentas de bloco na parte superior da página. Você pode até usar o modo sem distrações para remover distrações como o painel de blocos, o menu de blocos, a barra lateral de administração do WordPress e muito mais.
Para obter instruções detalhadas, consulte nosso tutorial sobre como usar o editor de tela cheia sem distrações no WordPress.
Outra dica incrível é começar a usar o bloco de colunas para dar ao seu conteúdo uma aparência de revista, adicionar vídeos do YouTube, adicionar imagens de capa, alterar as cores dos parágrafos e muito mais.
Para obter mais informações, consulte nossa lista das melhores dicas para dominar o editor de conteúdo do WordPress.
Esperamos que este artigo tenha ajudado você a aprender como criar um bloco reutilizável no editor de blocos do WordPress. Talvez você também queira ver nosso guia para iniciantes sobre como escolher a melhor hospedagem do WordPress e nossas principais opções de plug-ins obrigatórios do WordPress para ajudar a expandir seu site.
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.
Syed Balkhi says
Hey WPBeginner readers,
Did you know you can win exciting prizes by commenting on WPBeginner?
Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
You can get more details about the contest from here.
Start sharing your thoughts below to stand a chance to win!
Jiří Vaněk says
Thank you for this article. In this way, I created several blocks in Gutenberg, which I add under articles by category. But I searched for a while in the settings, because I couldn’t find “reusable block” according to the instructions, but then I understood that this function was only renamed.
David says
In the drop down menu as describe when hitting the three dots. I did not see create reuasble block. I would have love to take a screenshot to show you what my drop down menu shows, but it is not allow here. What are my alternatives.
WPBeginner Support says
There was a recent naming change, you would want to use create pattern from the dropdown and we will look to update this article soon
Administrador
Johnny Rodriguez says
How can I add a featured image to a reusable block?
WPBeginner Support says
Featured images are for post types and not individual blocks at the moment. You can certainly add an image block if you wanted to add an image in the content.
Administrador
Angie says
I’m trying to create a reusable block with several lines of text, however, when I add a new line of text, it creates a new block. I need all of the text in one block. How do I do this?
WPBeginner Support says
If you use shift enter to go to your next line instead of only using enter you should stay within the block.
Administrador
Julius Gashumba says
Convert to Regular Block has been changed. It no longer appears where it used to be. Any ideas?
WPBeginner Support says
When hovering over the block, you should see the convert option
Administrador
Chika says
All is well here. However, what I need is just the color background on my my reusable block so that I can type whatever I want whenever I use it.
If I change the reusable block back to normal block before making changes, the background color disappears. This is not what I want.
Is there a way to do that?
WPBeginner Support says
For what you’re wanting to do, you would want to take a look at our article below:
https://www.wpbeginner.com/wp-tutorials/how-to-create-a-custom-gutenberg-block-in-wordpress/
Administrador
Charles Burns says
Is there a way to save just the formatting of a block I can use again?
Say, for instance, I spend time changing the colour and styling options of a particular block and want to reuse those options with different content each time. Is this possible?
Saving it as a reusable block saves all the content as well.
WPBeginner Support says
For something like that you could create a custom block we have an article on this below:
https://www.wpbeginner.com/wp-tutorials/how-to-create-a-custom-gutenberg-block-in-wordpress/
Administrador
Cartrell says
Ha! I never even noticed that Add To Reuseable blocks feature was there. Thanks, guys.
– C. out.
WPBeginner Support says
Glad we could show you something new
Administrador
Sandra says
Thanks for the great information. How would I add a signature block? Not just a typed name, but an actual signature?
WPBeginner Support says
For most sites, an image is used for that type of signature block
Administrador
Don says
Thanks for the suggestions and pointing me to your guides.
After some troubleshooting my problem seems to be related to website hosting. Reusable Blocks now do work as expected with new identical fresh WP installs on different host servers. The only discernible difference between servers is the PHP version.
WPBeginner Support says
Thanks for sharing what appears to be the cause of the problem
Administrador
Don says
I suddenly lost Reusable Blocks. Other Blocks continue to work but Reusable is no longer a category when creating a new Block. Either is the 3-dot menu option of “Add to Reusable Blocks” from an existing Block.
Any suggestions to restore would be appreciated outside of a complete new install.
WPBeginner Support says
Have you tried disabling your plugins to see if it could be due to a plugin or theme conflict? https://www.wpbeginner.com/beginners-guide/beginners-guide-to-troubleshooting-wordpress-errors-step-by-step/
Administrador
Don says
Thanks for the reply. First thing I tried was disabling Plugins, then changing Themes, and finally resorting to a simple fresh install.
I did post on the WordPress support forum for suggestions.
WPBeginner Support says
You may want to try enabling the error log to see if there is an error being hidden by default that error logging would show. You can set up error logging using the method in our article here: https://www.wpbeginner.com/wp-tutorials/how-to-set-up-wordpress-error-logs-in-wp-config/
luca says
Very nice!
WPBeginner Support says
Glad you liked it
Administrador
Rintesh Roy says
This is a great feature!
WPBeginner Support says
Glad we could bring it to your attention
Administrador
Lee says
Reusable blocks are one of the only good features of the new editor, unfortunately the fact that they can be converted to a regular block negates any positive they have.
Say you have a call to action, that includes a link. You use that reusable block many times but several times convert it to a regular block. A year later you need to change the link that is in that call to action. You edit the reusable block and the link changes across your site EXCEPT where it was converted to a regular block. Not a big deal if it is only a few times. A much BIGGER deal if it is dozens of authors, and hundreds of posts that converted that reusable block to a regular block.
Reusable blocks could have helped solve this data management problem but by allowing them to be converted to regular blocks they just make the problem worse. The better solution, surprise surprise, is a shortcode that is easy to edit in the backend and not have to mess with post content.
WPBeginner Support says
Hi Lee,
Reusable blocks are particularly useful in saving block settings, formatting, and content. Now, if a user changes them to a regular block just so they can edit those things, then they should be aware that it is a ‘regular block’ not a reusable block anymore.
Administrador