Criando e Usando Blocos Reutilizáveis no WordPress (Tema Impreza)

Criando e Usando Blocos Reutilizáveis no WordPress (Tema Impreza)

O que é um bloco reutilizável?

Um bloco reutilizável é um conteúdo (texto, botão, imagem, formulário, etc.) que você cria uma vez e pode usar em várias páginas. Se você alterar o bloco, a mudança aparece em todos os lugares onde ele foi usado. Isso economiza tempo e evita retrabalho.

1653f747-39ea-4934-be84-53194a934230.png

Onde encontrar

No menu lateral do WordPress, vá em:

Impreza → Modelos → Blocos reutilizáveis

Ali ficam listados todos os blocos criados para serem usados em várias páginas do site.

457b81fa-9938-46ae-891c-9961aacc16c9.png

Os blocos reutilizáveis são trechos prontos de conteúdo (ex.: cards de planos, rodapés, banners, etc…) que podem ser inseridos em qualquer página.


Se você editar o bloco em um único lugar, a atualização aparece automaticamente em todas as páginas que o utilizam.

Estrutura da tela (conforme a imagem)

  • Nome do bloco → por exemplo: bloco_planos_home

  • Onde está sendo usado → no lado direito você vê em quais páginas esse bloco aparece.

  • Opções de edição → clicando no título do bloco, você pode abrir e editar.

Criando um novo bloco reutilizável

  1. Clique em Adicionar novo no topo da tela.

  2. Monte o conteúdo usando o WPBakery (imagens, botões, textos, colunas etc.).

  3. Dê um nome descritivo (ex.: bloco_banner_blackfriday).

  4. Salve. Agora ele aparecerá na lista de blocos.

Usando um bloco em uma página

  1. Abra a página que deseja editar.

  2. No WPBakery, clique em Adicionar elemento.

  3. Procure pelo item Bloco reutilizável.

  4. Escolha o bloco salvo na lista (ex.: bloco_planos_home).

  5. Salve a página.

Pronto: o bloco está agora sendo usado nessa página

image-20250915-140853.png
image-20250915-141019.png

Quando você insere um Bloco Reutilizável em uma página, aparece a janela de Definições (como na imagem). Aqui você escolhe qual bloco usar e como ele vai se comportar dentro da página.

Campo Bloco reutilizável

  • Aqui você escolhe qual bloco salvo será carregado.

  • Exemplo: bloco_planos_home (como na imagem).

  • Esse nome corresponde ao bloco criado lá em Impreza → Modelos → Blocos reutilizáveis.


2. Opção Excluir linhas e colunas

  • Essa configuração serve para ajustar a forma como o bloco vai se encaixar na página.

  • Existem opções como:

    • Em torno deste elemento → mantém a estrutura de linhas/colunas ao redor do bloco.

    • Excluir linhas e colunas → remove o container padrão, deixando só o conteúdo interno do bloco.

  • Dica: Use Excluir quando você já tem uma linha configurada na página e quer apenas inserir o conteúdo puro do bloco.


3. Opção Estender conteúdo da linha à largura total

  • Ative esse botão se quiser que o conteúdo ocupe 100% da largura da tela.

  • Exemplo: um banner ou faixa de destaque que deve ir de ponta a ponta, sem margens.


4. Botões de ação

  • Salvar Mudanças → aplica a configuração do bloco na página.

  • Fechar → cancela a edição sem salvar.


Passo a passo rápido

  1. Arraste o elemento Bloco Reutilizável para dentro da página no WPBakery.

  2. Na janela que abrir:

    • Escolha o bloco desejado no campo Bloco reutilizável.

    • Ajuste a opção Excluir linhas e colunas conforme o layout da página.

    • Ative/desative Estender conteúdo se precisar de largura total.

  3. Clique em Salvar Mudanças.

  4. Atualize a página e veja o bloco aparecer no site.