Passo-a-passo Mobile

Criar um site mobile já deve estar necessáriamente incluído no seu plano de desenvolvimento de um site para sua empresa ou para seu negócio.

Hoje, são milhares de pessoas que possuem aparelhos móveis e grande parte delas acessam a internet através de seus dispositivos e, como estratégia de sucesso para qualquer tipo de empreendimento, você precisa estar onde o público está. É preciso se moldar aos novos tempos e a agora, a bola da vez, e criar um site mobile.

Agora que já vimos essa breve definição do que é um site mobile e de saber de sua importância nos dias de hoje, vamos pôr a mão na massa e ver um passo a passo na prática de como construir um site móvel.

1º PASSO – Acessando o Editor Mobile:

Você pode criar um site mobile para um site Wix já existente acessando o Editor Mobile, dentro do Editor do Site, como mostra a figura:

OBS: Vale lembrar que um site móvel só pode ser criado no Wix se este já possui um site regular no Editor.

2º PASSO – Organizando os elementos:

Na próxima janela, você visualizará a versão mobile do seu site dentro do editor. A primeira ação a fazer é organizar os elementos atuais do site para que se encaixem perfeitamente no espaço do editor, que será o mesmo espaço quando um visitante acessar o site a partir de um dispositivo móvel:

3º PASSO – Editando uma página:

Para editar as informações de uma página, clique no botão “Páginas” e selecione a página desejada:

OBS-1: Lembrando que as alterações nos ítens e elementos presentes na página mobile, não afetarão as informações da página principal ( desktop). Ou seja, você poderá mover, editar ou excluir (ocultar) elementos que isso não surtirá efeito na página do site normal, apenas para a versão mobile.

OBS-2: Os efeitos de transição de página serão “herdados” do editor principal.

4º PASSO – Alterando a aparência do site mobile:

O editor mobile permite mudar a aparência do botão de menu do site e da cor do fundo das páginas. Para isso, selecione a opção desejada: Menu do Site Mobile ou Background do Site Mobile:

Para aumentar ou diminuir uma fonte, clique sobre o texto e selecione as opções de edição:

5º PASSO – Mudando as configurações: 

A opção “Configurações Mobile” permite mudar algumas definições do site, vejamos:

Visualização Mobile – Possibilita selecionar uma visualização mais otimizada do site em dispositivos móveis. Escolha a opção recomendada no editor.

Barra de ação mobile – Como já vimos aqui no blog, a barra de ação mobile exibe as informações do seu negócio, como endereço, número de telefone, email de contato etc.

OBS: Recomendo, por enquanto, deixar esta barra DESATIVADA.

Redefinir Layout do site – Caso deseje criar um versão mobile para seu site de forma automática, seguindo o design do site principal, use esta opção.

6º PASSO – Elementos ocultos:

Essa opção permite exibir os elementos que foram ocultos da página. Para voltar a mostrá-los, basta clicar no ícone “mostrar elemento“.

7º PASSO – Alinhando igualmente os elementos:

Na guia “Elementos ocultos”, no rodapé, há uma opção chamada Layout da página automático, esse recurso ajusta automaticamente o alinhamentos dos elementos do site, vale a pena testar:

8º PASSO – Visualizar e Publicar seu Site Mobile:

Para visualizar seu site mobile, clique no botão “Pré-visualizar” e confira as mudanças:

Para finalizar a criação do seu site mobile, basta seguir o mesmo caminho para criação do site para desktop, clicando no botão “Publicar” no alto da página:

É isso!

Você finalizou os 8 passos básicos para criar um site no Wix Mobile. Agora você tem um site no Wix com uma versão também para aparelhos móveis.

Para ver como ficou a versão mobile deste template do post, acesse de um dispositivo mobile, este endereço e confira.

Qualquer dúvida, deixe seu comentário abaixo.

4 comentários em “Passo-a-passo Mobile”

  1. Olá. Gostaria de saber como fazer meu blog/site fica com a mesma aparência com ass informações nos mesmo lugares e o mesmo design que a opção desktop ? Quando vai para a opção mobile fica diferente.

    Responder
  2. Olá,

    A sua explicação é interessante.
    No entanto, já que na Wix não encontro formas de, tem alguma dica, algum truque, qualquer coisa que possa optimizar a velocidade de carregamento do site em mobile?

    Desde já agradeço a resposta.
    Cumprimentos

    Responder
    • Olá Luis,
      Concordo com você. Mas infelizmente não há como fazer algo para melhorar o carregamento do Wix. Isso é um problema do próprio Wix, somente eles poderiam fazer alguma mudança que otimizasse o carregamento do site mobile.
      Abraço.

      Responder

Deixe um comentário