Índice
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.