bloco de cluster

O bloco de cluster permite que você agrupe outros blocos em um bloco pai e crie dessa maneira uma seção interessante de blocos com um plano de fundo personalizado.

Bloquear configurações na barra de ferramentas

Os botões da barra de ferramentas disponíveis no bloco permitem alterar a largura do bloco para Tamanho do conteúdo, Tamanho largo ou Tamanho da largura total. Uma vez selecionada a imagem como plano de fundo, o ícone da barra de ferramentas permite alterar a imagem exibida em um bloco. Para Cluster com altura personalizada definida estão disponíveis opções para alinhar o conteúdo verticalmente. Você pode alinhar o conteúdo na parte superior, central ou inferior do bloco Cluster.

Bloquear configurações na barra lateral

Nas configurações da barra lateral do bloco, você pode definir as opções de plano de fundo, sobreposição, borda, sombra e altura relacionadas ao bloco.

Configurações de plano de fundo

O bloco oferece quatro tipos de plano de fundo:

  • Nenhum
  • Imagem
  • Única cor
  • Gradiente

Plano de fundo da imagem

As opções de plano de fundo da imagem permitem que você carregue uma imagem personalizada no plano de fundo e defina outras opções adicionais:

  • definir o tamanho da imagem de fundo
  • definir opção de repetição para uma imagem em segundo plano
  • define se uma imagem de fundo é fixa ou rola com a página
  • definir a posição de uma imagem no fundo definindo o ponto focal em uma imagem
  • definir a cor de fundo ou gradiente sob uma imagem, essas opções são úteis se sua imagem de fundo estiver em formato png transparente
  • defina a sobreposição sobre a imagem, a sobreposição pode ser definida por cor única ou gradiente com transparência personalizada para criar uma aparência de fundo interessante
Opção responsiva para plano de fundo da imagem

Permite definir diferentes configurações de imagem de plano de fundo para tamanho da área de trabalho e tamanho de tela responsivo personalizado. Depois de carregar uma imagem como plano de fundo, outro botão de opção é exibido. Depois de habilitá-lo, novas guias aparecem. Vá para a guia Tamanho do celular e defina os parâmetros.

Você pode definir a largura da tela quando as opções responsivas são aplicadas.

Um layout responsivo pode ter outra imagem em segundo plano. Altere a imagem com um tamanho menor e acelere o tempo de upload. Vá para a barra de ferramentas do bloco e substitua a imagem de fundo da área de trabalho existente por uma imagem da versão móvel. Escolha uma posição e cor de fundo para o formato png transparente. Outras opções são usadas da mesma forma que no layout da área de trabalho.

Como mudar a imagem de fundo

A imagem de fundo pode ser alterada clicando no ícone a seguir:

Fundo de cor única

A opção permite definir uma única cor no fundo do bloco.

Gradiente de fundo

A opção permite definir o gradiente no fundo do bloco.

Configurações de borda

As opções permitem que você defina a borda do bloco com cor, largura e raio personalizados para bordas arredondadas do bloco.

Configurações de sombra

Definindo a cor nas configurações de sombra, você pode ativar a sombra sob o bloco. Estão disponíveis todos os parâmetros necessários para personalizar a sombra de acordo com suas necessidades, há controles para deslocamento horizontal e vertical, desfoque e raio de propagação em pixels.
A sombra pode ser exibida como tipo de sombra externa ou interna.

Configurações de altura

Usando as configurações de altura, você pode forçar o bloco a ser exibido na altura definida se o conteúdo dentro do bloco não exceder essa altura. Você pode selecionar entre diferentes unidades para a altura mínima do bloco, disponíveis são pixels, vh e vw.
Depois que o tamanho da altura personalizada ou a altura da capa for definida para o bloco, você também poderá alinhar verticalmente o conteúdo dentro do bloco usando os ícones disponíveis na barra de ferramentas do bloco.

Para os blocos de agrupamento que são inseridos dentro do bloco Colunas, está disponível uma opção adicional “Altura da coluna de cobertura” que ajustará a altura do bloco de agrupamento à altura total da coluna na qual está inserido. Esta opção tem efeito se o bloco Cluster for apenas aquele inserido diretamente na Coluna. Claro, você pode inserir quantos outros blocos quiser no bloco Cluster.

Configurações de largura

As configurações de largura permitem personalizar a largura do conteúdo no bloco Cluster, que é definido por padrão em Configurações gerais de layout no WordPress Customizer.

A largura pode ser alterada separadamente para diferentes tamanhos (conteúdo, largura e largura total) configurados na barra de ferramentas do bloco Cluster.

As configurações de largura estão disponíveis apenas com o plug-in Citadela Pro ativo.

Configurações do celular

Com configurações móveis pode ser definido se o bloco de cluster é exibido ou oculto apenas em um celular. Você pode ocultar o bloco com seu tamanho de tela sub-responsivo de conteúdo.

Configurações de espaçamento

As opções permitem que você defina o preenchimento (espaçamento) ao redor do conteúdo no bloco Cluster. Estão disponíveis três tipos de espaço: Nenhum (espaçamento padrão), 0 (zero, sem espaçamento), espaçamento pequeno e grande.