Se você está lendo este tutorial, provavelmente já tentou o novo editor Gutenberg para WordPress.

Se ainda não o fez, recomendo que experimente. Ele está atualmente disponível como um plugin, mas será mesclado com o WordPress em algum momento no futuro, então você terá que conhecê-lo algum dia.

tente gutenberg.png

Como todas as novas interfaces de usuário, ele tem seus fãs e detratores. Sempre leva tempo para se sentir confortável com uma nova interface, e é tentador descartar a nova versão.

Como muitas pessoas, eu estava cético em relação a Gutenberg no início. Trabalho com a interface antiga há alguns anos e estou familiarizado com ela.

Mas Gutenberg traz um monte de otimizações. E ele tem uma característica que realmente me fez pensar duas vezes. O que é esse recurso? Esses são os blocos duplicados e compartilhados.

Pode não parecer muito, mas tem o potencial de tornar a maneira como eu crio conteúdo mais eficiente e para tornar isso conteúdo mais eficaz em trazer visitantes agir depois de lê-lo.

Neste tutorial, vou mostrar como criar blocos duplicados e compartilhados em Gutenberg e compartilhar algumas das possibilidades que eles abrem.

Mas, primeiro, uma introdução rápida sobre blocos.

Quais são os blocos?

Blocos são o que liga Gutenberg. Todo seu conteúdo será adicionado por meio de um bloco. Na captura de tela abaixo você pode ver um artigo com vários blocos no editor:

escrever um artigo sobre Gutenberg.png

Há uma grande variedade de blocos disponíveis, que refletem os tipos de conteúdo que você costuma adicionar às suas postagens, mas oferecem uma maneira diferente de fazer isso. Os blocos incluem:

  • Blocos de texto - parágrafos, listas, cabeçalhos, código, citações, tabelas
  • Blocos de mídia - imagem, galeria, áudio, vídeo
  • Elementos de layout - botões, espaçadores, divisores, quebras de página
  • Blocos de widget - categorias, últimas postagens, código curto
  • Integrar blocos – YouTube, Soundcloud, Spotify, Twitter mais

A gama de blocos é enorme e está crescendo com uma série de plug-ins de terceiros lançados que usam a API Gutenberg para adicionar blocos adicionais.

Sempre que você precisa adicionar um conteúdo a uma postagem ou página, você adiciona um bloco. E cada conteúdo será armazenado em seu próprio bloco - até mesmo em parágrafos individuais.

Isso significa que você pode mover seus blocos para editar e reorganizar seu conteúdo. Isso também significa que você pode reutilizar blocos de conteúdo criando um bloco duplicado ou compartilhado.

Blocos Duplicados

Um bloco duplicado é bastante simples. Você pega um bloco existente que você criou e faz uma cópia dele.

Para fazer isso, passe o mouse sobre a elipse (três pontos alinhados verticalmente) à direita do bloco e clique na opção duplicar .

para duplicar um block.png

Uma duplicata deste bloco será criada diretamente após o bloco original, no mesmo artigo.

Você pode usá-lo quando quiser duplicar o conteúdo (como uma citação, remoção, call to action ou imagem) e adicionar outra cópia em outro lugar em seu artigo. Você apenas arrasta o novo bloco para onde deseja que esteja. Cuidado para não colocar blocos duplicados muito próximos uns dos outros ou criar muitas duplicatas acidentalmente!

Outro uso pode ser quando você deseja criar um segundo bloco semelhante ao primeiro, mas não igual. Neste caso, você precisa criar o bloco duplicado e então modificá-lo. Isso é útil se você gastou algum tempo formatando seu primeiro bloco (por exemplo, dimensionar uma imagem) e deseja duplicar a formatação, mas alterar o conteúdo - ou vice-versa.

Quando você edita um bloco duplicado, as alterações feitas não têm impacto no bloco original - são dois blocos não conectados.

Portanto, os blocos duplicados são ótimos para economizar tempo quando você deseja criar conteúdo igual ou ligeiramente diferente de outro conteúdo da sua publicação.

Mas eles têm uma falha - eles funcionam apenas em um artigo individual. O que você usa se quiser duplicar o conteúdo entre os artigos? É aqui que os blocos compartilhados entram em jogo.

Blocos compartilhados

Um bloco compartilhado funciona de maneira diferente de um bloco duplicado. Quando você cria um bloco compartilhado, é como um modelo para todos os outros blocos que você cria a partir dele. E quando você altera qualquer um desses blocos, as alterações são refletidas em todos os blocos compartilhados. Você pode substituí-lo, como mostrarei em breve.

Crie um bloco compartilhado

Para criar um bloco compartilhado, comece criando qualquer tipo de bloco normal da maneira usual. Depois de fazer isso, passe o mouse sobre a elipse novamente e, desta vez, selecione a opção Converter em bloco compartilhado .

Você verá um campo de texto exibido abaixo do bloco, onde precisará dar um nome ao bloco.

crie um block.png reutilizável

Dê ao bloco um nome exclusivo que fará sentido quando você adicioná-lo a postagens diferentes desta. Deve ser memorável, para que você saiba exatamente qual é o bloco quando voltar a usá-lo em semanas ou até meses. Acho útil adicionar o tipo de bloco após o título, entre parênteses. Depois de digitar o nome do bloco, pressione o botão Enregistrer .

bloco gutenberg.png

O título que você deu ao bloco será exibido abaixo dele no editor sempre que você usá-lo, mas não será exibido no front end do seu site.

Reutilizar um bloco compartilhado

O poder dos blocos compartilhados é que, depois de criá-los uma vez, você pode reutilizá-los quantas vezes quiser, onde quer que esteja no site.

Quando você quiser adicionar um bloco compartilhado a um artigo, em vez de criar um bloco de texto normal, clique no botão + no canto superior esquerdo da tela de edição. Um menu de contexto aparecerá com uma variedade de tipos de blocos para você escolher. Role para baixo até ver a opção compartilhado e clique nele.

Agora você verá todos os blocos compartilhados que criou no seu site. O meu parece um pouco confuso - experimentei blocos compartilhados neste site local e não dei a eles o melhor nome.

use reutilisable blocks.png

Agora clique no bloco compartilhado que você deseja usar e ele será adicionado ao seu artigo.

Editando blocos compartilhados

A edição de blocos compartilhados traz algumas complicações que você deve ter em mente. A primeira é que se você editar um bloco compartilhado que adicionou a uma postagem, seu conteúdo também será alterado em cada postagem onde você adicionou esse bloco.

Para modificar o bloco, clique no botão Modificar tendo em consideração o seu título. Você pode então editar o conteúdo e o título do bloco. Essas alterações terão efeito em todas as instâncias do bloco.

É uma ótima maneira de fazer alterações em seu site se houver conteúdo que precise ser atualizado. Por exemplo, se você usou um bloqueio compartilhado para uma frase de chamariz com seu número de telefone ou endereço de e-mail e seus detalhes de contato mudaram, você só precisará editar o bloqueio uma vez.

No entanto, isso é um problema se você deseja apenas editar uma instância do bloco compartilhado e tornar seu conteúdo um pouco diferente em um artigo. Para fazer isso, você precisa convertê-lo em um bloco normal e, em seguida, editá-lo. Passe o mouse sobre a elipse à direita do bloco e clique na opção Remover blocos reutilizáveis.

remover reutilizáveis ​​blocks.png

Ele então se comportará como qualquer outro bloco regular em seu site.

Se quiser criar outro bloco compartilhado semelhante a um bloco existente (por exemplo, se quiser duas versões diferentes de seu texto de call to action que usará com base no conteúdo da postagem), você pode fazer isso. Siga esses passos:

  1. Crie seu primeiro bloco compartilhado como descrito acima.
  2. Adicione o bloco compartilhado a um novo artigo
  3. Converta-o para um bloco normal e modifique-o.
  4. Converta-o em um bloco compartilhado, como você fez da primeira vez.
  5. Dê a ele um nome diferente do original - um nome que o ajudará a identificar facilmente as diferenças entre os dois blocos. Salve isso.

Agora você tem dois blocos compartilhados que podem ser usados ​​em qualquer lugar do site.

Armazenamento de blocos compartilhados

Se você pretende criar vários blocos compartilhados para usar em seu site, faz sentido manter uma cópia de cada um se eles estiverem em um lugar onde você possa acessá-los e editá-los facilmente.

Criei um artigo em meu site que não publicarei e que contém uma cópia exclusiva de cada um dos blocos compartilhados que criei.

Não só posso usar este artigo para acessar todos os meus blocos compartilhados - se eu quiser, também posso adicionar texto acima de cada um para fornecer uma nota sobre o que cada bloco é e onde ele foi projetado para ir no meu site, como que tipo de postagem, onde na postagem etc. Isso funciona como uma referência útil que eu (ou qualquer outra pessoa que edita o site) posso usar para ter certeza de que estou usando os blocos compartilhados de forma consistente. Também torna mais fácil encontrar um bloco compartilhado se eu precisar editá-lo.

Blocos duplicados e compartilhados tornam o gerenciamento de conteúdo mais eficiente

Ser capaz de criar conteúdo duplicado como este na forma de blocos duplicados ou compartilhados torna o processo de adição de conteúdo ao seu site mais eficiente.

Em minha opinião, os maiores ganhos vêm do uso de blocos compartilhados para conteúdo que você deseja adicionar a várias postagens em seu site, como frases de chamariz. No passado, isso é algo que eu fazia escrevendo um plug-in e conectando o conteúdo a um gancho de ação em cada uma das minhas postagens - mas isso só é possível se o seu tema tiver um gancho no lugar certo. e se você está confortável com o código. Gutenberg tornará mais fácil e rápido criar, adicionar e gerenciar conteúdo duplicado em um site.

Conte-nos como você usou blocos duplicados e compartilhados!