Alternando entre pré-visualização mobile e desktop
Alterne entre as visualizações mobile e desktop para ver como seu site de casamento fica em diferentes dispositivos.
Seu site de casamento se adapta automaticamente a diferentes tamanhos de tela. A pré-visualização do editor permite alternar entre as visualizações desktop e mobile para que você possa ver exatamente como seu site ficará para os convidados em celulares, tablets e computadores.
Como alternar a pré-visualização
No editor de sites, olhe no canto inferior direito da área de pré-visualização
Clique no botão do ícone de dispositivo (mostra múltiplos dispositivos)
A pré-visualização muda para a visualização mobile
As abas de página mostrarão Pré-visualizando mobile para indicar que você está no modo mobile.
Voltando para a visualização desktop
Clique no ícone de dispositivo novamente para voltar à pré-visualização desktop. O rótulo Pré-visualizando mobile desaparece.
O que muda na visualização mobile
Quando você muda para a pré-visualização mobile, verá:
Layout mais estreito - O conteúdo se empilha verticalmente para caber em telas de celular
Navegação adaptada - O menu pode se recolher em um ícone de hambúrguer
Imagens responsivas - As imagens se ajustam para caber em telas menores
Texto otimizado - Os tamanhos de fonte se ajustam para legibilidade no mobile
Por que pré-visualizar ambas as visualizações
A maioria dos seus convidados vai visitar seu site pelo celular. Alternar entre as visualizações ajuda você a:
Garantir que o conteúdo fique bom em todos os dispositivos
Verificar se o texto é legível em telas pequenas
Confirmar que as imagens são exibidas corretamente no mobile
Garantir que botões e links são fáceis de tocar
Ver como o menu de navegação se adapta
Dicas de design para mobile
Enquanto constrói seu site, alterne para a pré-visualização mobile para verificar:
Tamanho das imagens - Imagens grandes devem continuar bonitas quando reduzidas
Comprimento do texto - Parágrafos longos são mais difíceis de ler no celular
Posicionamento dos botões - Certifique-se de que os botões são fáceis de tocar com o polegar
Espaçamento entre seções - Alguns espaçamentos podem parecer diferentes no mobile
Usando pré-visualização mobile com tela cheia
Você pode combinar a pré-visualização mobile com o modo tela cheia:
Clique no ícone de dispositivo para mudar para a visualização mobile
Clique em Tela cheia para maximizar a pré-visualização mobile
Veja seu site mobile em mais detalhes
Dicas
Verifique a visualização mobile para cada página. Não pré-visualize apenas sua página inicial - clique em todas as abas de página no modo mobile.
O mobile vem primeiro para a maioria dos convidados. Mesmo que você projete principalmente no desktop, sempre confira o mobile antes de publicar alterações.
Teste a navegação com cuidado. Certifique-se de que os convidados conseguem encontrar e acessar facilmente todas as suas páginas no mobile.
Artigos relacionados