O bloco de grade é um contêiner para outros blocos. Use-o para organizar vários blocos e ajustar a cor, estilo do texto, altura, largura e posição de todos os blocos dentro do contêiner. Este bloco é uma variação do bloco de grupo.
Neste guia
Você pode começar com um novo bloco de grade vazio ou agrupar blocos existentes em uma grade.
Para adicionar o bloco de grade, clique no botão de inserção de bloco (+) e pesquise “grade”. Clique no bloco para adicioná-lo ao post ou à página. Usando o teclado, você também pode digitar /grade em uma nova linha e pressionar Enter para adicionar rapidamente um novo bloco de grade.
Você encontra instruções detalhadas sobre como adicionar blocos neste link.
Após adicionar um bloco de grade, clique no ícone de inserção de bloco (+) para começar a adicionar blocos dentro da grade.
É possível combinar os blocos que já estão na página em um bloco de grade usando as seguintes etapas:
- Selecione os blocos que você deseja agrupar. Você pode selecionar vários blocos ao:
- Clicar e destacar todos os blocos com o mouse.
- Clicar no primeiro bloco, manter pressionada a tecla Shift e clicar no bloco final para selecionar todos os blocos entre o primeiro e o último.
- Usar a Visualização em lista, clicar no primeiro bloco, manter pressionada a tecla Shift no teclado e clicar no bloco final para selecionar todos os blocos entre o primeiro e o último.
- Na barra de ferramentas, acima ou abaixo dos blocos, clique no ícone de grupo (que se parece com dois quadrados sobrepostos) para adicioná-los a um bloco de grupo.
- Nas configurações do bloco de grupo, na barra lateral direita, clique no ícone degrade (semelhante a uma grade de 2×2).
Ao clicar no bloco, aparecerá uma barra de ferramentas com opções:
A barra de ferramentas do bloco de grade oferece as seguintes opções:
- Alterar o tipo ou estilo do bloco.
- Arrastar o bloco.
- Mover o bloco para cima ou para baixo.
- Alterar o alinhamento: nenhum, largura ampla ou largura total.
- Mais opções.
Ao selecionar um bloco, serão exibidas configurações adicionais na barra lateral direita. Se você não estiver vendo a barra lateral, clique no ícone Configurações, no canto superior direito, para exibi-las. Esse ícone se parece com um quadrado com duas colunas irregulares:
O bloco de grade inclui as seguintes configurações de bloco:
O bloco de grade pode ser convertido em um bloco de grupo, de linha ou de pilha.
Nas configurações de layout, você pode escolher o número de colunas no bloco de grade, dependendo se a largura das colunas é automática ou manual:
- Selecionar Automático adicionará automaticamente colunas com a largura mínima especificada ao bloco.
- Selecionar Manual dividirá automaticamente o bloco no número de colunas que você especificar.
O número de colunas na grade pode ser definido apontando uma largura mínima de coluna ou definindo manualmente o número de colunas, assim como no bloco de colunas.
Ao inserir um elemento como um bloco de parágrafo em um bloco de grade, você define quantas colunas e linhas esse elemento deve ocupar. Ajuste essas dimensões para cada elemento se quiser criar estruturas de grade personalizadas.
Para editar as dimensões de um elemento dentro de um bloco de grade:
- Selecione o elemento cujas dimensões você deseja editar.
- Em Dimensões, na barra lateral de configurações do bloco, altere o número de colunas ou linhas que o bloco abrange.
Veja abaixo um exemplo de um bloco de grade com vários blocos de parágrafo definidos para diferentes extensões de coluna e linha:
2 colunas/3 linhas
3 colunas/2 linhas
1/1
1/1
2 colunas/1 linha
2 colunas/1 linha
Usando a configuração Posição, você pode escolher entre Padrão e Fixo.
- Padrão: o bloco desaparece à medida que você passa para outras seções da página.
- Fixo: o bloco flutua e permanece visível na página, mesmo quando você rola além da posição em que ele foi originalmente adicionado. Um ícone de alfinete aparecerá ao lado do bloco na visualização em lista.
Para mais informações, consulte as instruções detalhadas em Configurações avançadas.
Na barra lateral de configurações do bloco, clique no ícone Estilos para acessar as configurações de design do bloco. O ícone Estilos tem a forma de um círculo com a metade preenchida:
Aqui, você pode definir a cor do texto, a cor de fundo, o tamanho e as fontes do texto, o preenchimento, a margem e o espaçamento do bloco. Consulte os guias a seguir para obter mais detalhes sobre como usar essas configurações:
Nos estilos do bloco de grade, assim como em todas as variantes de bloco de grupo, você pode definir uma imagem para ser exibida atrás do conteúdo do bloco. Para obter instruções detalhadas sobre como adicionar uma imagem de fundo, consulte o guia do bloco de grupo.
Se quiser remover um bloco de grade sem apagar os blocos internos, desagrupe-os. Siga estas etapas:
- Selecione Visualização em lista na parte superior da tela de edição.
- Selecione o bloco de grade.
- Clique nos três pontos ao lado do bloco de grade.
- Selecione a opção Desagrupar.
Suporte 