Blocos reutilizáveis do WordPress: o guia definitivo
Publicados: 2020-10-08Os blocos reutilizáveis do WordPress são um recurso poderoso encontrado no novo editor de blocos do WordPress. Os blocos reutilizáveis permitem que você salve rapidamente qualquer bloco do WordPress que você usa com frequência. Então, você pode reutilizar imediatamente os blocos salvos em outras páginas e postagens em todo o seu site WordPress.
Neste artigo, veremos como é fácil criar blocos reutilizáveis do WordPress dentro do editor de blocos do WordPress. Também ensinaremos como exportá-los e usá-los em qualquer outro site WordPress que você gerencia. Vamos mergulhar.
O que são blocos reutilizáveis do WordPress?
No editor de blocos do WordPress, os blocos reutilizáveis são blocos do WordPress que podem ser salvos para uso repetido em postagens ou páginas.
Os blocos reutilizáveis podem economizar muito tempo na forma como você compõe seu conteúdo, já que seus blocos usados com mais frequência e suas configurações de bloco podem ser salvos em uma “biblioteca” especial de blocos reutilizáveis.
Se você é o tipo de usuário do WordPress que costuma usar trechos idênticos de conteúdo em seus posts e páginas do WordPress, os blocos reutilizáveis do WordPress se tornarão um de seus melhores amigos.
Além do mais, se você é um desenvolvedor que trabalha em vários sites WordPress, blocos reutilizáveis podem ser exportados de um site e usados em outros.
Blocos reutilizáveis em WordPress explicados
Pergunte a si mesmo: Quanto tempo de design você desperdiçou constantemente “recriando a roda” em seus designs? A função de blocos reutilizáveis do WordPress pode devolver todas essas horas preciosas, ao mesmo tempo que dá uma sensação de consistência em todo o seu site e nos sites que você cria.
É comum que designers e blogueiros do WordPress adicionem trechos idênticos de conteúdo a diferentes artigos ou postagens de páginas. Um bom exemplo disso seria um design de bloco de call to action específico que você deseja usar na conclusão de cada artigo que escrever. Essa frase de chamariz pode ser um convite para entrar em sua lista de e-mail, um link para uma página de produto ou serviço ou links para segui-lo em suas páginas de mídia social.
No passado, você provavelmente salvou esses trechos individuais de conteúdo como arquivos de texto em algum lugar do seu computador e depois os copiou e colou quando queria usá-los novamente. No entanto, com os blocos reutilizáveis no editor Gutenberg WordPress, você nunca mais precisará participar desse processo arcaico novamente. Agora, tudo que você precisa fazer é salvar seus trechos no editor e você pode usá-los em outro lugar imediatamente.
No mundo agitado e com restrições de tempo em que vivemos, é mais importante do que nunca ser o mais eficiente possível com nosso trabalho.
Exemplos de blocos reutilizáveis
Aqui estão alguns cenários diferentes que ilustram como o uso de blocos reutilizáveis do WordPress pode melhorar sua eficiência:
- Adicionando automaticamente seus banners de afiliados embutidos em postagens e páginas selecionadas
- Salvar e reutilizar rapidamente tabelas idênticas
- Adicionar um formulário de feedback a várias páginas com um único clique
- Adicionar botões de call to action poderosos em todas as suas páginas e postagens relevantes
- Pedindo a seus leitores para deixarem um comentário na conclusão de cada postagem no blog
- Uma seção “Sobre o autor” na parte inferior de cada postagem.
E isso é apenas a ponta do iceberg. Depois de começar a usar os blocos reutilizáveis do WordPress, você verá como seu uso realmente é ilimitado.
Benefícios dos blocos reutilizáveis do WordPress
Agora, sem dúvida, você vê várias maneiras de usar os blocos reutilizáveis do WordPress para tornar sua vida mais fácil e manter a marca de seu site consistente.
Aqui estão alguns dos maiores benefícios do recurso de blocos reutilizáveis e por que você deve começar a usá-lo na próxima vez que fizer login em sua área de administração do WordPress.
- Os blocos reutilizáveis permitem que você salve os elementos de design de coisas como formulários, questionários, pesquisas e, em seguida, atualize-os para cada ocasião conforme necessário.
- Tabelas complexas não são fáceis de criar. Você pode duplicá-los em qualquer lugar que desejar, transformando-os em blocos reutilizáveis.
- Você nunca mais precisará copiar o conteúdo em seu editor de texto e colá-lo em novas páginas ou postagens. Isso geralmente causa problemas de formatação e é um processo desajeitado e ineficiente.
- Os blocos reutilizáveis permitem que você crie uma página da web completa e duplique essa página no site atual ou em qualquer outro site WordPress que você administrar.
- Os blocos são a maneira mais rápida de adicionar conteúdo relevante na conclusão (ou início) de seus artigos. Você pode usá-los para coisas como inscrições de e-mail, biografias de autores, botões de mídia social ou qualquer outra coisa que faça sentido para o seu site.
- Páginas da web impactantes têm botões e texto com frases de chamariz diretas. Os blocos reutilizáveis permitem incluí-los com facilidade. Sites que têm muitas páginas de destino obtêm muito uso desse recurso.
- Se você tem banners ou anúncios afiliados na maioria de seus posts e páginas , você vai economizar muito tempo adicionando-os com blocos reutilizáveis.
- Os blocos reutilizáveis podem ser exportados e importados de um site para outro. Mais sobre isso mais tarde.
Esta não é, de forma alguma, uma lista abrangente dos benefícios dos blocos reutilizáveis do WordPress. Na realidade, os usos são quase infinitos. Mas, no final do dia, qualquer desenvolvedor WordPress que fez uso de blocos reutilizáveis sabe que isso economiza tempo e elimina o trabalho repetitivo.
Como faço para adicionar um bloco reutilizável no WordPress?
Os blocos reutilizáveis também são muito fáceis de criar no editor de blocos. Vamos dar uma olhada em como isso é feito.
Primeiro, é importante entender que cada bloco do WordPress é um elemento de conteúdo individual dentro do editor do WordPress. Cada um pode ser salvo individualmente como um bloco que você pode reutilizar posteriormente.
Comece criando uma nova postagem ou encontre uma atual que você possa editar.
Enquanto olha para a tela de edição de sua postagem, primeiro você deseja clicar no botão “ Adicionar novo bloco ”. Depois disso, basta escolher o tipo de bloco que se ajusta ao tipo de conteúdo que você deseja salvar.
Para este exemplo, vamos fingir que estamos salvando algumas linhas de texto simples em um bloco de parágrafo. Depois de adicionar o bloco, comece a adicionar o conteúdo que você pretende reutilizar em seus outros posts e páginas.
Digamos que você queira que o texto seja algo como: ”Você gostou deste artigo? Se sim, deixe-nos um comentário abaixo ou siga-nos para mais conteúdo no Facebook e Twitter. ” Depois de digitar este texto no bloco de parágrafo, use as opções de formatação e estilo nas configurações de bloco e na barra de ferramentas de bloco.
Após a conclusão da edição, tudo o que você precisa fazer é clicar no botão do menu com os três pontos (na barra de ferramentas) e selecionar a opção que diz “ Adicionar aos blocos reutilizáveis. “
O WordPress irá então solicitar que você insira um novo nome para o bloco reutilizável que você acabou de criar. Obviamente, é melhor escolher um nome que permita identificar o bloco rapidamente quando quiser usá-lo novamente.
Um bom nome para este bloco seria algo como “Artigo Call to Action Social Media”.
Por último, basta clicar em “ Salvar ” e seu bloco reutilizável é armazenado, junto com todas as suas configurações, no banco de dados do WordPress para seu uso futuro.
Como faço para usar blocos reutilizáveis?
Agora você viu como é fácil criar blocos reutilizáveis do WordPress. Esperançosamente, você tentou fazer alguns por conta própria enquanto lia isto. Se ainda não fez isso, por que não tentar agora? Quando terminar, a próxima coisa que você aprenderá é como usar os blocos reutilizáveis em suas páginas e postagens no WordPress.
Para fazer isso, você desejará novamente editar uma postagem existente (aquela em que deseja adicionar um novo bloco reutilizável) ou criar uma nova postagem. Quando você estiver na tela de edição, clique no botão que diz “ Adicionar novo bloco ”.
Se você souber o nome do bloco que está procurando, poderá encontrá-lo digitando esse nome específico na caixa de pesquisa. Observe que a função de pesquisa agora puxa blocos de terceiros do diretório de blocos do WordPress, o que também pode ser útil.
Se você não se lembra do nome que deu ao bloco, ou simplesmente deseja navegar por todos os seus blocos, você pode clicar na guia “Reutilizável” . Aqui, você verá todos os seus blocos reutilizáveis do WordPress atuais.
Você notará que, ao passar o mouse sobre um bloco na lista, o WordPress mostrará uma visualização do bloco. Isso permite que você confirme que está selecionando o bloco que pretendia usar.
Vá em frente e insira o bloco em sua postagem clicando nele. O bloco reutilizável então aparece no editor.
Como edito blocos reutilizáveis?
A beleza dos blocos reutilizáveis do WordPress é que você pode editá-los individualmente em um post ou página, ou pode editá-los para que sejam atualizados imediatamente em todo o site.
Tudo que você precisa fazer para editar um bloco reutilizável é clicar no botão de edição que está no bloco. Mas é aqui que você precisa ter cuidado.
Editar Bloco Reutilizável vs. Converter em Bloco Regular
Se você deseja fazer a alteração apenas em uma página ou postagem específica, primeiro será necessário convertê-la em um bloco regular naquele local.
Para fazer isso, tudo que você precisa fazer é clicar no menu com os três pontos em sua barra de ferramentas de bloco e, em seguida, selecionar a opção “ Converter em bloco regular ” do menu.
Este processo converte o bloco reutilizável da postagem em um bloco regular. Agora você pode fazer alterações naquele bloco individual sem afetar o bloco reutilizável ou alterar sua aparência em outras postagens e páginas em seu site.
Gerenciando seus blocos reutilizáveis no editor do WordPress
Depois de usar a função de blocos reutilizáveis do WordPress por algum tempo, você provavelmente terá vários blocos que não está mais usando.
Para outros blocos, você pode querer renomeá-los para algo que seja mais descritivo ou mais fácil de encontrar em sua função de pesquisa.
O editor de blocos permite que você gerencie todos os seus blocos reutilizáveis do WordPress em uma única tela. E o processo é bem fácil.
Para gerenciar os bloqueios, clique no botão “Adicionar bloco”. Em seguida, você desejará encontrar a guia que diz “Reutilizáveis”.
Aqui, você verá um link “ Gerenciar todos os blocos reutilizáveis ” que o leva a uma página onde você pode gerenciar seus blocos reutilizáveis.
A tela de blocos
Ao clicar no link, você será direcionado a uma página que permite que você:
- Blocos de exportação
- Blocos de importação
- Excluir blocos
- Editar blocos
Usando blocos reutilizáveis do WordPress em vários sites WordPress
Conforme mencionado anteriormente no artigo, os blocos reutilizáveis do WordPress não são reutilizáveis apenas no site em que foram criados. Você pode usar os mesmos blocos reutilizáveis em qualquer outro site com tecnologia WordPress.
Isso é feito por meio das funções de exportação e importação . As funções de exportação e importação para seus blocos reutilizáveis são bastante úteis e, de certa forma, esquecidas pelos desenvolvedores do WordPress.
Exportar e importar blocos reutilizáveis
O WordPress agora importa e instala o bloco reutilizável e o salva no banco de dados do novo site. Nesse ponto, ele está pronto para ser usado em qualquer lugar do novo site.
Exportar como JSON
Os blocos reutilizáveis podem ser exportados da tela de gerenciamento de blocos. Tudo que você precisa fazer é clicar no botão “Exportar” que está abaixo de um bloco. O WordPress então o envia para você na forma de um arquivo JSON.
Importar de JSON
Depois de ter o arquivo JSON, você pode alternar para outro site WordPress que você gerencia. Faça login na área de administração e vá para a tela de gerenciamento de blocos. Assim que estiver lá, clique no botão que diz “Importar de JSON”.
Uma caixa de upload de arquivo aparecerá. Clique no botão que diz “Escolher arquivo” e selecione o arquivo JSON do bloco que você baixou do outro site que gerencia. Clique no botão “Importar”.
Como adiciono um estilo personalizado a blocos reutilizáveis?
E se você quiser adicionar um estilo personalizado aos seus blocos reutilizáveis? Por exemplo, talvez você queira envolvê-los todos com uma borda específica que se encaixe no estilo e fluxo do resto do seu site WordPress.
Existe uma maneira de fazer isso? Ou os blocos reutilizáveis são iguais aos blocos comuns, em que você deve estilizá-los individualmente? Felizmente, existe uma maneira de adicionar um estilo personalizado universalmente aos seus blocos reutilizáveis.
Na barra lateral direita de um bloco, vá para a área Avançado . Aqui, você pode dar uma aula personalizada. A classe atribuída será aplicada ao bloco geral para que possa ser direcionado por seu CSS.
Classe CSS Adicional
As classes CSS adicionais permitem estilizar seus blocos reutilizáveis de suas próprias maneiras personalizadas. O estilo que você aplicar irá preencher todos os usos futuros dos blocos.
Para obter instruções mais abrangentes sobre como adicionar um estilo personalizado a blocos reutilizáveis, considere participar de um curso de treinamento WordPress abrangente, onde você aprenderá isso e muito mais.
Blocos reutilizáveis do WordPress: economize tempo, amplie a utilidade dos blocos
Agora que você tem um conhecimento profundo dos blocos reutilizáveis do WordPress e do que eles podem fazer, é hora de começar a pensar em maneiras de empregar totalmente essa poderosa função em seus sites.
Pense fora da caixa com este. Você pode descobrir que a maneira mais útil de usar blocos reutilizáveis é muito diferente dos exemplos fornecidos neste artigo. Afinal, versatilidade e personalização são o que tornam o WordPress uma ferramenta tão poderosa para desenvolvedores.
Lembre-se também de que é importante levar a sério a segurança do seu site. Um plug-in de segurança do WordPress, juntamente com um plug-in de backup do WordPress, irá percorrer um longo caminho para manter seu site seguro e protegido contra possíveis perigos.
Aproveite o uso de blocos reutilizáveis do WordPress! Conte-nos as maneiras exclusivas que você encontrou para usar essa função útil.
Kristen tem escrito tutoriais para ajudar os usuários do WordPress desde 2011. Normalmente, você pode encontrá-la trabalhando em novos artigos para o blog do iThemes ou desenvolvendo recursos para o #WPprosper. Fora do trabalho, Kristen gosta de fazer um diário (ela escreveu dois livros!), Fazer caminhadas e acampar, cozinhar e aventuras diárias com sua família, na esperança de viver uma vida mais presente.
