Na nossa última edição, analisámos oTema Astrade algumas dicas básicas de tipografia. Hoje, vamos continuar a aprofundar a forma como aElementorUtilize melhor os layouts Contêiner e Grade no editor para ajudá-lo a criar designs da Web mais flexíveis e esteticamente agradáveis. Quer seja um principiante ou um designer experiente, estas dicas irão ajudá-lo.

Se precisar de configurar duas, quatro ou mais apresentações

Como mostrado acima, primeiro é necessário adicionar um contentor (Container)

Passos: front-end do sítio Web → Editar com Elementor → Layout → Contentor ou Grelha

A escolha do contentor e da grelha deve ser feita com base na situação real, mas recomenda-se que seja dada preferência ao contentor.

O Container pode escolher entre uma variedade de layouts, claro que a Grelha também funciona, mas o Container pode sempre adicionar módulos no interior, enquanto a Grelha é fixa, como mostrado abaixo, a caixa vermelha é o Container, se precisar de mostrar vários módulos, certamente o Container, a caixa amarela é a Grelha, o resultado é óbvio!

Mas a grelha também tem as suas próprias vantagens, se já tiver um contentor, mas quiser dividi-lo em duas ou mesmo quatro disposições, que redefinem as duas disposições do contentor, não é possível arrastar o contentor para o primeiro, mas a grelha pode ser ajustada em qualquer altura, o gráfico seguinte, por isso vamos ajustá-la de acordo com a situação real

De seguida, vamos falar sobre a configuração e o método de duas apresentações

A imagem acima é um contentor de dois layouts, o da esquerda é um módulo de texto e título mais um módulo de texto mais um módulo de botão, o da direita é um módulo de imagem única

O primeiro módulo de texto à esquerda porque é que as pessoas pensam que pode ser ajustado tão pequeno

Encontramos o módulo de texto Editar editor de texto

Passos: Frontend → Editar com Elementor → Editar editor de texto

Se precisar de redimensionar o texto, siga os passos que descrevi acima, a cor é ajustada onde está o conteúdo

Isso é o que está em causa.

O módulo do botão para definir o texto e a posição pode ser, obviamente, o estilo da cor de fundo também pode ser ajustado!

Passos: Front-end do sítio Web→Editar com o Elementor→Botão criativo

O módulo de imagem à direita não ocupa o ecrã inteiro, basta recortá-lo para o tamanho certo, se necessário, na vertical, não na horizontal.

É assim que os dois layouts

É claro que os quatro layouts são os mesmos

Depois de configurar os quatro layouts, adicione um título e um módulo de texto a cada um deles

A cor de fundo é definida a preto para um contentor

O fundo do módulo é branco

O módulo define a largura, bem como a posição e o intervalo

Resumo:

No final deste artigo, deverá ter uma melhor compreensão da utilização do Container e da Grelha e ser capaz de escolher a apresentação correta para as suas necessidades reais. Lembre-se, o Contentor é adequado para necessidades de apresentação mais flexíveis, enquanto a Grelha pode ajudá-lo a dividir rapidamente a apresentação em contentores existentes. Na próxima edição, continuaremos a fornecer-lhe mais informações sobre oTema AstraFique atento às dicas e truques práticos.