Saltar para o conteúdo
Elooo SystemCentral de Ajuda Ir para o site

Funis e sites

Como rever e ajustar a versão para telemóvel e tablet de uma página

No construtor, use o seletor de dispositivo (computador, tablet, telemóvel) para ver e editar cada versão e escreva uma largura em píxeis em Largura do dispositivo para testar outros ecrãs. O que muda em modo telemóvel (ex.: tamanho de uma imagem) só se aplica ao telemóvel.

Atualizado em

Antes de começar

  • Tenha a página criada num funil ou site e aberta no construtor.
  • Faça primeiro a versão de computador. As versões de tablet e telemóvel herdam dela até as personalizar.
  • Tenha um telemóvel à mão para confirmar no fim: a pré-visualização ajuda, mas o teste real é no aparelho.
Onde encontrar

Sites › Funis ou Sites › (abrir a página) › Editar › seletor de dispositivo (Computador / Tablet / Telemóvel)

Passo a passo

Ver a página em cada dispositivo

  1. Abra Sites, escolha Funis ou Sites e clique em Editar na página.
  2. Na barra do construtor, clique no seletor de dispositivo e escolha Computador, Tablet ou Telemóvel. O modo escolhido define que versão está a ver e a editar.
  3. Para testar um tamanho concreto, escreva a largura em píxeis no campo Largura do dispositivo, ao lado do seletor. Cada modo aceita um intervalo: computador de 1025 a 3000 px, tablet de 768 a 1024 px, telemóvel de 320 a 767 px.
  4. Clique em Aplicar ou carregue em Enter. A área de edição muda para essa largura; se ficar maior do que o ecrã, use a barra de deslocamento horizontal.
  5. Reveja secções, linhas, colunas, textos e espaçamentos nessa largura. Repita com outras larguras ou noutro modo.
  6. Use a opção de repor para voltar à largura padrão do modo.

Ajustar o tamanho de uma imagem só no telemóvel

  1. Mude para o modo Telemóvel.
  2. Clique na imagem para abrir as definições.
  3. Em Altura e Largura, escreva os valores e escolha a unidade: px (fixo), % (relativo ao espaço disponível) ou rem/em (relativo ao texto). Pode misturar unidades, por exemplo altura em px e largura em %.
  4. Guarde. Estes valores aplicam-se só ao telemóvel; a versão de computador mantém os dela.
  5. Clique em Pré-visualizar e confirme nos dois modos.

Ajustar linhas e colunas no tablet

  1. Mude para o modo Tablet.
  2. Selecione a linha e ajuste a Largura.
  3. Para redistribuir colunas vizinhas, arraste a pega entre elas.
  4. Volte ao modo Computador para confirmar que nada mudou lá e guarde.

Dicas

  • A largura escrita em Largura do dispositivo é só para pré-visualizar: não cria um novo ponto de quebra, não fica guardada e não muda a página publicada. Ao recarregar o construtor, volta ao padrão.
  • No telemóvel, as linhas ocupam sempre toda a largura e as colunas empilham-se umas por cima das outras; o controlo de largura da linha fica escondido.
  • O tablet herda as larguras do computador. Para voltar a herdar depois de personalizar, ponha a largura da linha no tablet igual à do computador.
  • Se não definir dimensões para o telemóvel, a imagem usa as do computador, que costumam ser grandes demais para ecrãs pequenos.

Problemas comuns

  • O campo de largura não aceita o valor → Está fora do intervalo do modo escolhido. Mude de modo (ex.: para tablet) ou escreva um valor dentro do intervalo.
  • Mudei o tamanho no telemóvel e mudou também no computador → Confirme que o seletor estava em Telemóvel antes de editar. As alterações aplicam-se ao modo que estiver selecionado.
  • A imagem continua enorme no telemóvel → Ainda não tem dimensões próprias para telemóvel. Em modo Telemóvel, defina a largura em % (ex.: 100%) para acompanhar o ecrã.
  • As colunas ficam estreitas demais no tablet → Em modo Tablet, arraste a pega entre as colunas ou ajuste a largura da linha. Isto não altera a versão de computador.
  • No telemóvel real fica diferente da pré-visualização → Publique a página e abra o endereço no telemóvel; se usar várias larguras na mesma página, confirme cada secção em modo Telemóvel.

Isto foi útil?