Configurações da seção GemPages: Layout, Plano de fundo, Forma e controles avançados

O que é uma seção no GemPages?

A Seção é o bloco de construção principal de qualquer página no GemPages. Cada página é composta por várias seções empilhadas verticalmente, e cada seção pode conter um ou mais elementos. colunas, linhas e elementos dentro dele.

As seções ajudam você a estruturar sua página em blocos de conteúdo claros, como banners principais, recursos do produto, depoimentos ou chamadas para ação (CTAs), para que você possa projetar e gerenciar cada parte de forma independente.

No novo editor do GemPages v7, as seções estão mais flexíveis do que nunca:

• Você pode adicionar até colunas 6 dentro de uma seção
• Ajuste o espaçamento, o tamanho e os estilos de fundo.
• Aplicar bordas, raio de canto e sombras.
• Controle a forma como a seção aparece em diferentes dispositivos.

Configurar a guia Configurações

No editor GemPages, clique na seção desejada para abrir o painel de configurações no lado esquerdo.

A partir daí, você pode personalizar a visibilidade da sua seção conforme preferir, incluindo:

traçado

Selecione o layout preferido da sua seção em traçado Configurações. Você pode adicionar até 6 colunas em uma seção.

Largura da coluna

Se a sua seção tiver mais de uma coluna, você pode ajustar a largura da coluna a partir de

• Taxa de variação: ajustar manualmente
• Ajustar ao conteúdo: Ajusta automaticamente a largura de cada coluna para se adequar ao seu conteúdo.

Gerenciamento de colunas

Nessa configuração, clique em Pedido caixa para abrir o painel de configurações detalhadas. Você pode rearranjar a posição de cada coluna, duplicar ou delete .

Dimensões:

O processo de Dimensões: As configurações permitem controlar a largura da sua seção e o espaçamento interno, ajudando a criar um layout limpo e confortável.

• Largura: Escolha a largura desejada para sua seção:
  • Completo (100%)A seção se estende por toda a largura do navegador, ideal para banners de destaque, imagens em tela cheia ou grandes blocos visuais.
  • Padrão (1200px)Mantém o conteúdo centralizado com uma largura máxima fixa para um layout de página mais estruturado.
• padding: O preenchimento adiciona espaço dentro da seção, ao redor de todos os elementos internos. Você pode ajustar o preenchimento na parte superior, inferior, esquerda e direita para dar mais espaço ao seu conteúdo.

• Espaçamento entre páginas: O espaçamento entre páginas controla o espaço entre os elementos. bordas do navegador e o seções da páginaVocê pode definir isso globalmente em Estilos globais > Preenchimento de página.
  • SimEsta seção segue a configuração global de espaçamento interno da página para manter a consistência em toda a página.
  • NãoEsta seção utiliza os valores de preenchimento personalizados que você definiu acima, oferecendo maior flexibilidade de layout.

Contexto

Sob o Contexto Nas configurações, você pode alterar o cor de fundo ou use um imagem/vídeo como plano de fundo da sua seção.

Consulte Este artigo Para obter mais informações sobre como personalizar as configurações de fundo no GemPages.

Shape

A seção configurações de forma permite que você estilize seu fronteira, cantos e sombra Para que seu layout pareça mais profissional e alinhado com o estilo da sua marca.

• Fronteira: Adicione uma borda ao redor da sua seção e ajuste a cor, a espessura e o traço da borda para definir limites claros entre grandes blocos de conteúdo.

• Canto: Para criar um estilo visual mais suave, ajuste o raio do canto da sua seção.

• Sombra: Use os controles de Sombra para criar profundidade visual ou destacar sua seção. Você pode configurar:
  • Tipo: Externo, interno ou centralizado
  • direção: Escolha onde a sombra vai cair.
  • Cor: Combine a paleta da sua marca
  • Distância: Até onde a sombra é projetada
  • Borrão: Quão suave ou nítida a sombra parece?
  • Tamanho A sombra se espalha

Alinhar

Ajuste o alinhamento da sua seção. Você pode escolher entre alinhado à esquerda, alinhado horizontalmente ao centro, ou alinhado à direita.

Configurar a guia Avançado

O processo de Avançado A aba oferece mais controle sobre a aparência da sua seção em diferentes dispositivos, além de opções detalhadas de espaçamento e estilos de forma adicionais.

Essas configurações ajudam você a ajustar a capacidade de resposta e a criar um layout limpo e consistente em toda a sua página.

Para personalizações mais avançadas, siga as instruções em Este artigo.