Blog sobre WordPress
No Result
View All Result
  • Web Stories
  • Desenvolvimento
  • Infra
  • Mobile
  • Performance
  • Segurança
  • SEO
  • E-commerce
Cadastrar e-mail
  • Web Stories
  • Desenvolvimento
  • Infra
  • Mobile
  • Performance
  • Segurança
  • SEO
  • E-commerce
No Result
View All Result
Blog sobre WordPress
No Result
View All Result
banner-horizontal-3

Início » Desenvolvimento WordPress » Como criar blocos reutilizáveis no Gutenberg

Como criar blocos reutilizáveis no Gutenberg

Aprenda tudo sobre o recurso: Blocos reutilizáveis no Gutenberg.

Leandro Vieira by Leandro Vieira
2 anos ago
Reading Time: 7 min
1
Compartilhe no FacebookCompartilhe no LinkedIn
Audio

Blocos reutilizáveis no Gutenberg é uma possibilidade incrível, mas pouco conhecida.

Conteúdo relacionado

Como criar Web Stories no WordPress

Como habilitar recursos ocultos do Gutenberg no tema WordPress

Anatomia do Gutenberg, o editor do WordPress

Através desse recurso você consegue replicar um bloco que foi criado em um post em milhares de outros.

Vamos considerar o seguinte cenário.

No final dos seus posts, você gostaria de exibir uma chamada de ação aos seus leitores.

Você vai aplicando esse CTA ao longo de inúmeros posts publicados.

Em dado momento, se faz necessário alterar a oferta desse Call To Action.

O passo natural, e indesejado, seria entrar em cada post e alterar o conteúdo, certo?

No entanto, você já imaginou o trabalho que terá.

Através dos blocos reutilizáveis, você economiza esse tempo.

Funciona assim.

Você cria sua CTA no post A.

Esse CTA, que pode ser um conjunto de blocos, você os transforma em blocos reutilizáveis.

Nos posts B, C, e etc, você faz uso desse bloco criado no post A.

Quando você alterar esse conteúdo, todos os posts que o contém será atualizado.

Imaginou agora o grande potencial desse recurso. Incrível, não é?

Mas antes de seguir com a leitura, considere conhecer a anatomia do Gutenberg.

É o primeiro passo para você conhecer o potencial e ficar mais confortável com o editor.

Ilustração de blocos reutilizáveis

Os benefícios dos blocos reutilizáveis no Gutenberg

Pela introdução des conteúdo, ficou visível um benefício: ganho de escala.

Além disso, vamos considerar outras importantes vantagens.

  • Não precisa de programação. Isso mesmo, sem conhecimento técnico é possível explorar o recurso.
  • É simples e rápido. Dura o tempo de executar alguns poucos cliques.
  • Reduz o esforço. A media que o seu site vai ganhando volume de conteúdo, algumas alterações em massa podem ser árduas.
  • Ganho de tempo. Você poderá focar em outras coisas mais relevantes e de alto impacto para o seu projeto digital.

Se você ainda não entendeu o potencial, vou ser ainda mais claro.

No final dos seus artigos, você pode incentivar o leitor a executar uma ação estratégia para você.

Bem como aplicar algum elemento relevante para o seu negócio.

Alguns exemplos práticos dessas ações.

  • Exibir banners de afiliados;
  • Convidar os usuários para comentar o artigo;
  • Incentivar o compartilhamento social;
  • Mostrar formulário de interação como enquete;
  • Expor uma opção de validação dos posts, como NPS, estrelas, curtir e não curtir e por aí vai.

Vamos ver na prática a implementação?

Como criar e fazer uso dos blocos reutilizáveis

Cada adição de conteúdo no editor do WordPress, é feita através de blocos.

Esses blocos podem ser formatos e estilizados como possível e desejado.

Feito é isso, basta fazer uso da opção “Adicionar aos blocos reutilizáveis“.

Sim, somente isso.

Observe como é extreamamente simples.

Imagem animada demonstrando como criar um bloco reutilizável no WordPress

Uma vez criado, ele pode ser reutilizado no mesmo post ou em qualquer outro.

Eles são salvos na categoria “Reutilizável”.

Exemplo de como localizar os blocos reutilizáveis

Portanto, ao adicionar um no bloco, navegue até essa categoria e selecione o bloco reutilizável anteriormente criado.

Você também pode fazer uso do atalho “slash”, ou seja, digite “/” e o nome do bloco. Em seguida, aperte enter / return.

Como editar os blocos

Podemos considerar dois tipos de edição.

  1. Editar o bloco para refletir em todos os posts onde ele foi utilizado;
  2. Ou, editar somente em um post específico.

Nesse último caso, você considerar que o conteúdo, ou ação do bloco, não se aplica totalmente ao post em questão.

Logo, a edição deve ser somente no conteúdo que estou atuando agora.

Após adicionar o bloco reutilizável, você precisa convertê-lo para um bloco normal.

Exemplo do comando para converter um bloco para o estado padrão

E assim, faça as edições devidas.

Agora, vamos imaginar que você errou na criação do bloco e percebeu isso somente depois.

Ou que você gostaria de editar o conteúdo.

Você pode editar um bloco reutilizável, e essa edição ser refletida em todos os posts que fizeram uso dele.

Os passos para esse tipo de edição são os seguintes.

Na listagem de blocos reutilizáveis, clique no link “Gerenciar todos os blocos reutilizáveis“.

Exemplo da localização do link "Gerenciar todos os blocos reutilizáveis" no Gutenberg.

Esse link te levará para a interface de gestão desse tipo de bloco.

Você já está acostumado com essa tela, é a mesma de gestão de Posts e Páginas no WP.

Demonstração do link de "Editar" bloco reutilizável

Encontre o bloco desejado e edite-o.

Salve e pronto. Todos os posts que usaram esse bloco já refletiram a nova realidade.

Como gerir os blocos

A interface demonstrada para editar o bloco, na verdade vai muito além desse tipo de ação.

É uma área de interação e gestão completa dos blocos reutilizáveis no WordPress.

Interface de gestão dos blocos reutilizáveis no WordPress

Através dela é possível.

  • Adicionar novos blocos reutilizáveis;
  • Importar blocos a partir de um arquivo JSON;
  • Editar os blocos existentes;
  • Enviar blocos para a lixeira;
  • Restaurar blocos da lixeira;
  • Exportar o bloco como JSON.

A opção de exportar e importar blocos reutilizável a partir de um arquivo JSON é incrível.

Você pode criar os elementos em um site, e aplicar em outro.

Bem como compartilhar com a sua equipe, amigos ou a comunidade.

Conclusão

O Gutenberg é o presente e futuro do WordPress.

Muitos esforços estão sendo aplicados nesse editor.

Considere se inteirar sobre ele o quanto antes.

Bem como desenvolver seu projeto digital em WordPress sob demanda e integrada ao Gutenberg.

Neste artigo, você percebeu vantagens poderosas de somente um dos recursos que ele oferece.

Você já adianta feito uso antes dos blocos reutilizáveis no WP?

Tags: Blocos reutilizáveisGutenbergJSON
Share8Share1SendShare
Previous Post

As opções de frete para WooCommerce

Next Post

Brotli e a compressão de dados. Tchau GZIP!

Leandro Vieira

Leandro Vieira

Uma das grandes referências de WordPress no Brasil, entusiasta e evangelista da plataforma. Fundador e CEO da Apiki, empresa especializada no desenvolvimento web com WordPress.

Related Posts

As vantagens do editor Gutenberg para WordPress
Desenvolvimento WordPress

As vantagens do editor Gutenberg para WordPress

19 de agosto de 2020
Metodologia BPM para melhoria de processos dentro da empresa
Desenvolvimento WordPress

Metodologia BPM para melhoria de processos dentro da empresa

15 de janeiro de 2021
Scrum e PMBOK - aliados na gestão de projetos
Desenvolvimento WordPress

PMBOK e Scrum: grandes aliados na gestão de projetos

15 de janeiro de 2021
Os desafios da gestão em projetos digitais
Desenvolvimento WordPress

Os desafios da gestão em projetos digitais

15 de janeiro de 2021
Next Post
Brotli

Brotli e a compressão de dados. Tchau GZIP!

Ilustração para o Desenvolvimento de aplicativos móveis

WordPress e o desenvolvimento de aplicativos móveis

Comments 1

  1. REINALDO OLIVEIRA says:
    2 anos ago

    Muito bom! Ainda não sabia que dava para fazer isto.
    Estava utilizando mas não consegui alterar em todos ao mesmo tempo.
    Isso é excelente mesmo.
    Valeu

    Responder

Deixe um comentário Cancelar resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

banner-lateral-3
Receba no seu e-mail uma série de conteúdos sobre Infra para WordPress.
  • Este campo é para fins de validação e não deve ser alterado.

Facebook LinkedIn Instagram Twitter Youtube Github RSS

Sobre a Apiki

Empresa especializada em WordPress com três unidades de negócios.

  1. Design e Desenvolvimento;
  2. Infra e Hospedagem;
  3. Suporte e manutenção.

Em resumo, só fazemos uma coisa em WordPress: tudo.

Páginas do Apiki.com

  • Apiki.com
  • Sobre a Apiki
  • Hospedagem
  • Desenvolvimento
  • UX & UI para WordPress
  • Growth em WordPress
  • Suporte
  • Atendimento

Páginas do Blog

  • Sobre
  • Newsletter
  • Desenvolvimento WordPress
  • Segurança para WordPress
  • WordPress Mobile
  • Infra para WordPress
  • WordPress SEO
  • WordPress Performance
  • E-commerce

© 2020 Apiki - Empresa especializada em WordPress.

No Result
View All Result
  • Web Stories
  • Desenvolvimento
  • Infra
  • Mobile
  • Performance
  • Segurança
  • SEO
  • E-commerce

© 2020 Apiki - Empresa especializada em WordPress.