Ir para o conteúdo principal

Como criar um bloco duplicado em Gutenberg

Divi: o tema WordPress mais fácil de usar

Divi: O melhor tema WordPress de todos os tempos!

mais Downloads 600.000Divi é o tema WordPress mais popular do mundo. É completo, fácil de usar e vem com mais de modelos livres 62. [Recomendado]

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

Se você não tiver feito isso, recomendo que experimente. No momento, ele está disponível como um plug-in, mas será mesclado com o WordPress em algum momento no futuro, então você precisará conhecê-lo um dia.

tente gutenberg.png

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

Como muitas pessoas, fiquei cético em relação a Gutenberg no início. Faz alguns anos que estou trabalhando com a interface antiga e estou familiarizada com ela.

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

Pode não parecer muito, mas tem o potencial de criar um modo de criar um conteúdo mais eficaz e mais eficaz para os visitantes agirem depois de lê-lo.

Neste tutorial, mostrarei como criar blocos duplicados e compartilhados no Gutenberg e compartilhar algumas das possibilidades que eles abrem.

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

Quais são os blocos?

Blocos são o que liga Gutenberg. Todo o 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, que refletem os tipos de conteúdo que você normalmente adiciona às suas publicações, mas que oferecem uma maneira diferente de fazê-lo. Os blocos incluem:

  • Blocos de texto - parágrafos, listas, cabeçalhos, código, aspas, tabelas
  • Blocos de mídia - imagem, galeria, áudio e vídeo
  • Elementos de layout - botões, espaçadores, separadores, quebras de página
  • Blocos de widget - categorias, postagens mais recentes, código de acesso
  • Blocos incorporados - YouTube, Soundcloud, Spotify, Twitter e mais

A variedade de blocos é enorme e cresce com vários plug-ins de terceiros publicados que usam a API Gutenberg para adicionar blocos adicionais.

Sempre que você adiciona um item de conteúdo a um artigo ou página, você adiciona um bloco. E cada parte do conteúdo será armazenada em seu próprio bloco - até parágrafos individuais.

Você está procurando os melhores temas e plugins do WordPress?

Baixe os melhores plugins e temas WordPress no Envato e crie facilmente o seu site. Já mais do que 49.720.000 downloads. [EXCLUSIVO]

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.

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

para duplicar um block.png

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

Você pode usá-lo quando quiser duplicar o conteúdo (como uma cotação, uma retirada, uma frase de chamariz ou uma imagem) e adicionar outra cópia em outro lugar do artigo. Você simplesmente arrasta o novo bloco para onde deseja fazê-lo. Cuidado ao colocar blocos duplicados muito próximos uns dos outros ou criar acidentalmente muitas duplicatas!

Outro uso pode ser quando você deseja criar um segundo bloco que seja semelhante ao primeiro, mas não idêntico. Nesse caso, você deve criar o bloco duplicado e depois modificá-lo. Isso é útil se você tiver passado algum tempo formatando seu primeiro bloco (por exemplo, dimensionando uma imagem) e quiser 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 - esses 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 só funcionam em um artigo individual. O que você usa se deseja 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 criados a partir dele. E quando você altera qualquer um desses blocos, as alterações afetam todos os blocos compartilhados. Você pode pular, 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 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

Atribua um nome exclusivo ao bloco que fará sentido quando você o adicionar a outros itens que não este. Deve ser memorável, para que você saiba exatamente qual é o bloqueio quando voltar a usá-lo em semanas ou 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 aparecerá abaixo dele no editor toda vez que você o usar, mas não será exibido na frente do seu site.

Crie facilmente seu site com Elementor

Elementor permite criar facilmente qualquer design de site com uma aparência profissional. Pare de pagar caro pelo que você pode fazer por si mesmo. [Grátis]

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ê deseja 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 pop-up será exibido com vários 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 o melhor nome para eles.

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 compartilhada de blocos tem algumas complicações que você precisa ter em mente. A primeira é que, se você editar um bloco compartilhado que você adicionou a um artigo, seu conteúdo também será alterado em cada artigo em que você adicionou esse bloco.

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

Essa é uma ótima maneira de fazer alterações no seu site se você tiver um conteúdo que precise ser atualizado. Por exemplo, se você usou um bloco compartilhado para uma call to action com seu número de telefone ou endereço de e-mail e suas informações de contato são alteradas, será necessário editar o bloco apenas uma vez.

No entanto, isso é um problema se você deseja editar uma instância do bloco compartilhado e tornar seu conteúdo um pouco diferente em um artigo. Para fazer isso, você deve convertê-lo em um bloco normal e depois modificá-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 se comportará como qualquer outro bloco regular do seu site.

Se você deseja criar outro bloco compartilhado semelhante a um bloco existente (por exemplo, se desejar duas versões diferentes do texto da frase de chamariz que você usará dependendo do conteúdo da publicação), poderá fazê-lo. Siga estes 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 na primeira vez.
  5. Dê um nome diferente do original - um nome que o ajudará a identificar facilmente os diferentes entre os dois blocos. Salve.

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 local onde você possa acessá-los e editá-los facilmente.

Crie facilmente sua loja online

Baixe gratuitamente o WooCommerce, os melhores plugins de e-commerce para vender seus produtos físicos e digitais no WordPress. [FREE]

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

Não apenas posso usar este artigo para acessar todos os meus blocos compartilhados - se desejar, também posso adicionar texto acima de cada um para fornecer uma nota sobre o que é cada bloco e para onde ele foi projetado para ir no meu site, como que tipo de mensagens, onde na postagem etc. Ele atua como um ponto de referência conveniente que eu (ou qualquer outra pessoa que edita o site) pode usar para garantir o uso consistente dos blocos compartilhados. Ele também me permite encontrar um bloco compartilhado mais facilmente se eu precisar modificá-lo.

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

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

Na minha opinião, os maiores ganhos advêm do uso de blocos compartilhados para o conteúdo que você deseja adicionar a vários artigos em seu site, como call to action. No passado, era 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 só é possível se o seu tema tiver um gancho no lugar certo e se você estiver confortável com o código. Gutenberg facilitará e agilizará a criação, adição e gerenciamento de conteúdo duplicado em um site.

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

Este artigo contém comentários 0

Deixe um comentário

Seu endereço de email não será publicado. Campos obrigatórios estão marcados com *

Este site usa Akismet para reduzir indesejados. Saiba mais sobre como seus dados de comentários são usados.

De volta ao topo