Utilizar o editor da Vista móvel no Website Builder

Com o editor da Vista móvel, pode ajustar o seu Website para dispositivos móveis. As alterações efetuadas no editor da Vista móvel não afetam a versão de desktop do Website.

É possível ajustar o seguinte:

Estamos constantemente a melhorar o Website Builder. No entanto, algumas otimizações só são percetíveis depois de ter republicado o seu site. Por esta razão, recomendamos a republicação do seu site antes de utilizar o editor de Vista móvel.

Ainda não tem um site? Com o nosso Website Builder de fácil utilização, pode criar um site profissional sem ter de saber escrever código.

Ocultar elementos na Vista móvel

É possível ocultar partes do seu Website que parecem deslocadas na vista móvel, por exemplo, um cabeçalho grande.

  • Selecione o componente que pretende ocultar e clique no ícone de olho à direita para ocultar o componente.
  • O componente será agora listado sob a secção Elementos ocultos à esquerda.
  • Clique no ícone + sob Elementos ocultos para anular a sua ação e voltar a mostrar o componente.
Dica: Os atalhos que se seguem podem ser úteis quando editar o seu site para dispositivos móveis: alterne entre o editor para dispositivos móveis e o editor para computadores com Ctrl/Cmd+J e veja uma pré-visualização do seu site com Ctrl/Cmd+P.

wsb_mobileview_gif.gif


Alterar o tamanho do tipo de letra

Pode tornar o tamanho do tipo de letra mais pequeno ou maior e alterar o alinhamento (esquerda, direita, centro, justificado), por exemplo, se o título não couber.

Clique no texto que pretende ajustar. Verá as opções que se seguem:

  • Torne o seu texto mais pequeno ou maior clicando nos ícones A- e A+.
  • Altere o alinhamento do texto para a esquerda, centro, direita ou justificado.
  • Limpe toda a formatação e reponha o texto para o estado predefinido clicando no no botão Tx .

wsb_mobileview_gif2.gif


Ajustar o alinhamento dos botões

Pode alterar o alinhamento dos botões na vista móvel.

  • Clique no botão que pretende ajustar e selecione se o botão deve ser alinhado à esquerda, ao centro, à direita ou justificado.
  • Quando um botão é justificado, estende-se por toda a largura da página.

wsb_mobileview_gif4.gif


Editar o cabeçalho e o menu

Pode editar o aspeto do cabeçalho no topo do ecrã para o adequar ao seu site. Por predefinição, o nome da página fica visível no canto superior esquerdo, o ícone de menu está localizado à direita e o estilo do cabeçalho baseia-se no seu modelo.

Clique no ícone de menu no canto superior direito para abrir o painel de definições. É possível alterar as definições que se seguem:

  • Mostrar logótipo - Marque esta caixa para apresentar o logótipo no canto superior esquerdo do cabeçalho do Website. É possível selecionar uma imagem à sua escolha, mas recomendamos que utilize uma imagem com um fundo transparente.
  • Mostrar título - Por predefinição, o título da página é mostrado, mas, em vez disso, também pode optar por mostrar o título do Website.
  • Cabeçalho fixo - Assinale este quadrado se quiser que o cabeçalho permaneça na página quando os seus visitantes percorrerem para baixo. 
  • Utilizar estilo personalizado - Assinale este quadrado se quiser editar o estilo do título, menu e fundo. Pode alterar a fonte, a cor e a cor de fundo. No menu estilo, pode editar o estilo do menu fechado, do menu aberto e o aspeto de uma página selecionada no menu aberto.
    Por defeito, esta opção não está assinalada e o estilo do seu modelo é utilizado.

wsb_mobileview_gif8.gif


Alterar a ordem dos componentes

Pode alterar a ordem dos componentes na sua página ao movê-los para cima e para baixo.

  • Clique no componente que pretende mover e mantenha premido o botão do rato enquanto o arrasta para cima ou para baixo.
  • Em alternativa, pode utilizar as setas à direita do ecrã para movê-lo.
  • Alguns componentes estão agrupados dentro de uma caixa e não podem ser movidos para fora da mesma. É ainda possível mover a caixa com todos os componentes.

wsb_mobileview_image.png


Bloquear os componentes na parte inferior

Os componentes que fazem parte do modelo (no rodapé) podem ser bloqueados na parte inferior das páginas.

  • Clique com o botão direito do rato no componente que pretende mover para baixo e clique em "Permanecer na parte inferior" no menu apresentado.
  • Os componentes bloqueados na parte inferior das páginas são marcados com um contorno azul se pairar sobre eles. Não é possível alterar a ordem dos componentes que estão bloqueados na parte inferior das páginas.
  • Para desbloquear um componente, selecione-o e clique no ícone de desbloqueio à direita.
Dica: Pode bloquear todo o rodapé ou apenas elementos do mesmo na parte inferior das páginas.

wsb_mobileview_gif7gif.gif

Sem acesso ao Website Builder? Pode experimentar gratuitamente durante 14 dias e criar um site de forma rápida. Comece o seu teste gratuito agora

Artigos relacionados:

Este artigo foi útil?

Não tá conseguindo achar o que procura?

Iniciar uma conversa

É o jeito mais rápido de entrar em contato, todos os dias do ano.