Blocos de construção¶

Os blocos de construção permitem criar um site rapidamente, arrastando e soltando-os nas suas páginas web. Estão disponíveis quatro tipos de módulos de construção, conforme sua utilização: Estrutura, Recursos, Conteúdo dinâmico e Conteúdo interno.

Adicionar um bloco de construção¶

Para adicionar um bloco de construção à página de seu site, clique em Editar, selecione o bloco de construção desejado e arraste-o e solte-o em sua página. Você pode adicionar quantos blocos forem necessários.

Para editar o conteúdo de um bloco de construção, clique nele e vá para a aba Personalizar, onde os recursos disponíveis dependem do bloco selecionado.

Predefinição de cor e plano de fundo¶

Você pode personalizar e aplicar predefinições de cores aos blocos de construção. Para continuar, selecione um bloco de construção, vá para a aba Personalizar, clique no botão Plano de fundo e selecione uma Predefinição.

Quando você modifica uma predefinição de cor, todos os elementos que a utilizam são atualizados automaticamente para corresponder à nova configuração.

Layout: grade e colunas¶

Você pode escolher entre dois estilos de layout para a maioria dos componentes básicos: grade ou colunas (cols). Para alterar o layout padrão, vá para a aba Personalizar. Na seção Banner, selecione Grade ou Cols como o Layout.

Grade¶

O layout Grade permite que você reposicione e redimensione elementos, como imagens ou texto, arrastando-os e soltando-os.

Dica

Posicione as imagens atrás do texto usando os ícones acima/abaixo.

Cols¶

A escolha do layout Cols permite determinar o número de elementos por linha dentro do bloco. Para isso, selecione o bloco a modificar, clique na Cols Layout, e ajuste o número.

Por padrão, em dispositivos móveis, é visível um elemento por linha para garantir que o conteúdo segue facilmente legível e acessível em telas menores. Para ajustar o valor, clique no (ícone de celular) no topo do editor do site e adapte o número de colunas.

Duplicar um bloco de construção¶

Você pode duplicar um bloco de construção clicando no ícone de duplicação. Depois de duplicado, o novo bloco aparece em seu site abaixo do original.

Reordenar blocos de construção¶

Para reordenar os blocos de construção, selecione-o e clique na seta para cima para colocá-lo antes do bloco anterior ou clique na seta para baixo para colocá-lo depois.

Você também pode usar o ícone de arrastar e soltar para mover um bloco manualmente.

Salvar um bloco de construção personalizado¶

Pode salvar um módulo personalizado e reutilizá-lo em outro site. Para isso, selecione-o, navegue até a aba Personalizar e clique no ícone (disquete) para salvar.

Os blocos de construção salvos ficam disponíveis na seção Personalizar da aba Blocos. Clique no ícone (caneta) para editar o seu nome.

Visibilidade¶

Visibilidade em desktop/dispositivo móvel¶

Você pode ocultar elementos específicos dependendo do dispositivo do visitante. Para fazer isso, selecione o elemento a ser ocultado e, na aba Personalizar, role para baixo até Visibilidade e clique no ícone Mostrar/Ocultar em dispositivos móveis ou Mostrar/Ocultar em desktop.

Dica

Clique no ícone (celular) na parte superior do configurador para pré-visualizar o seu site em um dispositivo móvel.

Visibilidade condicional¶

Você também pode ocultar ou mostrar componentes básicos usando outras condições. Para fazer isso, selecione um elemento, vá para Visibilidade, clique em Sem condição e selecione Condicionalmente. Em seguida, configure as condições a aplicar selecionando Visível em ou Oculto em e quais Registros serão afetados.

Elementos invisíveis¶

Dependendo das configurações de visibilidade, alguns elementos podem ficar ocultos em sua visualização atual. Para tornar um bloco de construção visível novamente, vá para a seção Elementos invisíveis na parte inferior do configurador e selecione um bloco de construção.

Personalização da visualização de dispositivos móveis¶

É possível personalizar elementos do bloco de construção para a visualização de dispositivos móveis sem afetar a visualização de desktop. Para tal, abra o editor do site, clique no ícone (celular) na parte superior e selecione o elemento do bloco de construção. Então, você pode:

• reorganizar os elementos clicando nos ícones (seta esquerda/direita);

• editar os recursos Cols e Visibilidade na aba Personalizar do editor do site.