Como editar o espaçamento usando o ícone de cadeado/desbloqueio

Ao criar as páginas da sua loja no GemPages, acertar o espaçamento em torno de cada elemento faz toda a diferença entre uma página com aparência profissional e uma que pareça confusa. Acolchoamento É um dos controles de espaçamento mais importantes, definindo o espaço interno entre o conteúdo de um elemento e sua borda nas laterais superior, direita, inferior e esquerda.

Para tornar a edição de espaçamento mais rápida e flexível, o GemPages oferece um Ícone de bloqueio/desbloqueio que permite escolher entre ajustar os quatro lados simultaneamente ou cada lado independentemente. Este guia irá mostrar-lhe exatamente como usá-lo.

O que é espaçamento interno (padding) no GemPages?

Acolchoamento É o espaçamento interno de um elemento. Ele controla a quantidade de espaço livre entre o conteúdo (texto, imagem, botão, etc.) e as bordas do contêiner que o contém.

No GemPages, cada elemento possui quatro valores de preenchimento que você pode ajustar:

• Soutien: espaço acima do conteúdo
• Certo: espaço à direita do conteúdo
• Tanga: espaço abaixo do conteúdo
• Esquerdo: espaço à esquerda do conteúdo

Ajustar o espaçamento corretamente ajuda a criar layouts equilibrados, melhorar a legibilidade e garantir que seu design fique ótimo tanto em computadores quanto em dispositivos móveis.

Onde encontrar a configuração de espaçamento?

Para acessar os controles de preenchimento de qualquer elemento em GemPages:

1. Abra sua página no Editor de GemPages.
2. Clique no elemento que deseja editar (por exemplo, um título, imagem, botão ou seção).
3. Na barra lateral direita, role para baixo até o Espaçamento seção.

Você verá quatro caixas de entrada representando Superior, Direita, Inferior e Esquerda, com um pequeno ícone de cadeado no centro.

Usando o ícone de cadeado/desbloqueio para editar o espaçamento

O ícone de cadeado no centro dos controles de espaçamento é a chave para uma edição flexível. Ele possui dois estados:

Modo bloqueado: edite todos os 4 lados simultaneamente.

Quando o ícone aparece como trancadoTodos os quatro valores de preenchimento estão interligados. Isso significa que, sempre que você alterar um valor, os outros três serão atualizados automaticamente para corresponder à alteração.

Quando usar o modo bloqueado:

• Você quer espaçamento uniforme em todos os lados de um elemento.
• Você está aplicando um espaçamento uniforme a botões, cartões ou seções onde a simetria é importante.
• Você quer economizar tempo sem ter que ajustar cada lado manualmente.

Como usá-lo:

1. Certifique-se de que o ícone de cadeado esteja visível. fechado/trancado Estado.
2. Clique em qualquer uma das quatro caixas de entrada (Superior, Direita, Inferior ou Esquerda).
3. Insira o valor desejado (por exemplo, 20px).
4. Todos os quatro lados serão atualizados instantaneamente para o mesmo valor.

Modo desbloqueado: edite cada lado individualmente.

Ao clicar no ícone de cadeado, ele muda para o desbloqueado estado. Agora, cada um dos quatro valores de preenchimento se torna independente e você pode definir um número diferente para cada lado.

Quando usar o modo desbloqueado:

• Você precisa espaçamento assimétricoPor exemplo, mais espaço de preenchimento na parte superior do que na inferior.
• Você está ajustando os detalhes de uma seção de destaque, banner ou layout especial.
• Você deseja alinhar um elemento com o conteúdo ao redor que não segue um espaçamento uniforme.

Como usá-lo:

1. Clique no ícone de cadeado para alternar para o desbloqueado Estado.
2. Clique na caixa de entrada do lado que deseja alterar (Superior, Direito, Inferior ou Esquerdo).
3. Insira o valor necessário para esse lado específico.
4. Apenas o lado que você editou será alterado; os outros três permanecerão inalterados.

Comparação rápida: bloqueado vs. desbloqueado

Dicas para editar o espaçamento interno de forma eficaz

Para obter os melhores resultados ao trabalhar com espaçamento interno (padding) no GemPages, tenha em mente estas dicas:

• Iniciar no modo bloqueado Para obter uma base limpa, mude para o modo Desbloqueado se precisar ajustar lados específicos.
• Verifique a capacidade de resposta — Alterne entre as visualizações para desktop, tablet e celular no editor para garantir que o espaçamento interno fique adequado em todos os tamanhos de tela.
• Utilize valores consistentes combine elementos semelhantes (como todos os títulos das suas seções ou fichas de produtos) para um design mais profissional e coeso.
• Evite acolchoamento excessivo. — Muito espaço vazio pode empurrar conteúdo importante para baixo da dobra e prejudicar a experiência do usuário.
• Combine o preenchimento com a margem. De forma criteriosa: o preenchimento controla o espaço interno, enquanto a margem controla o espaço externo. Use ambos para obter um controle preciso do layout.

Perguntas frequentes

1. Posso definir valores de preenchimento diferentes para desktop e dispositivos móveis?

Sim. O GemPages permite que você defina o espaçamento responsivo para cada tipo de dispositivo. Alterne a visualização do dispositivo na barra de ferramentas do editor (Desktop, Tablet, Celular) e ajuste o espaçamento separadamente para cada um.

2. Quais unidades posso usar para o preenchimento?

O GemPages normalmente oferece suporte px (pixels) para valores de preenchimento. Os pixels oferecem controle preciso sobre o espaçamento em todas as telas.