Boas Práticas na Criação de Versões na GreatPages
Quando se trata de criar páginas no GreatPages, seguir algumas Boas Práticas pode fazer toda a diferença para garantir que suas páginas funcionem perfeitamente em todas as versões e dispositivos. Aqui estão algumas dicas que ajudarão você a evitar problemas e a construir suas páginas de maneira eficiente.
Comece pela Versão Desktop
A primeira etapa recomendada é sempre começar criando sua versão desktop. Isso significa construir toda a estrutura da página, adicionar os elementos e ajustar os detalhes como imagens, textos e botões pensando na tela maior.
Por que começar pelo desktop?
É mais fácil organizar os elementos em uma tela grande e, depois, ajustar para telas menores. Quando você finaliza a versão desktop, pode ir para a versão mobile e, com apenas um clique, enviar automaticamente os elementos do desktop para a versão mobile.
Passos:
॰ Crie sua página desktop por completo.
॰ Ao terminar, vá para a versão mobile e clique em "reconstruir mobile".
Isso fará com que todos os elementos do desktop sejam trazidos para o mobile, prontos para serem organizados.
Organize a Versão Mobile
Depois de trazer os elementos para a versão mobile, o próximo passo é organizar e reposicionar os itens para que tudo fique visualmente agradável e funcional em dispositivos menores, como smartphones.
O que fazer:
॰ Arraste e reposicione os elementos de forma que o conteúdo fique bem distribuído na tela do celular.
॰ Garanta que todos os textos estejam legíveis e os botões de ação fáceis de clicar.
Cuidado com o Impacto das Alterações
Um ponto importante: qualquer alteração feita na versão desktop ou mobile pode impactar a outra. Por exemplo, se você excluir um elemento na versão mobile que foi trazido da versão desktop, ele também será removido do desktop.
Em vez de excluir um elemento na versão mobile, use a função ocultar. Isso permite que o elemento desapareça apenas em uma das versões, sem impactar a outra.
→ (Como esconder/ocultar elementos) ←
Dicas:
॰ Excluir: Remove o elemento de ambas as versões.
॰ Ocultar: Deixa o elemento visível em uma versão e escondido na outra. Ideal para elementos que só fazem sentido em uma versão, como uma imagem de destaque maior no desktop e menor no mobile.
Não Edite em Múltiplas Abas Simultaneamente
Outra boa prática muito importante é evitar editar a página em mais de uma aba do navegador ao mesmo tempo. Fazer isso pode causar conflitos no sistema e impedir que suas alterações sejam salvas corretamente.
Por que isso acontece?
O editor da plataforma pode não sincronizar as mudanças feitas em múltiplas abas, o que pode resultar em problemas como perder parte do trabalho ou criar versões conflitantes.
O que fazer:
॰ Sempre trabalhe em uma única aba quando estiver editando sua página.
॰ Se precisar revisar a página em diferentes dispositivos ou layouts, salve suas alterações antes de abrir uma nova aba.
Conclusão
Seguir essas boas práticas ao criar suas páginas no GreatPages garante que sua experiência de criação seja tranquila e que suas páginas funcionem bem tanto no desktop quanto no mobile. A criação de páginas se torna mais simples e eficaz quando seguimos o fluxo recomendado, começando pelo desktop, organizando o mobile e cuidando das edições de maneira cuidadosa.
Se você seguir essas orientações, estará no caminho certo para criar páginas profissionais e otimizadas, prontas para alcançar o público de forma eficiente em qualquer dispositivo!
Comece pela Versão Desktop
A primeira etapa recomendada é sempre começar criando sua versão desktop. Isso significa construir toda a estrutura da página, adicionar os elementos e ajustar os detalhes como imagens, textos e botões pensando na tela maior.
Por que começar pelo desktop?
É mais fácil organizar os elementos em uma tela grande e, depois, ajustar para telas menores. Quando você finaliza a versão desktop, pode ir para a versão mobile e, com apenas um clique, enviar automaticamente os elementos do desktop para a versão mobile.
Passos:
॰ Crie sua página desktop por completo.
॰ Ao terminar, vá para a versão mobile e clique em "reconstruir mobile".
Isso fará com que todos os elementos do desktop sejam trazidos para o mobile, prontos para serem organizados.
Organize a Versão Mobile
Depois de trazer os elementos para a versão mobile, o próximo passo é organizar e reposicionar os itens para que tudo fique visualmente agradável e funcional em dispositivos menores, como smartphones.
O que fazer:
॰ Arraste e reposicione os elementos de forma que o conteúdo fique bem distribuído na tela do celular.
॰ Garanta que todos os textos estejam legíveis e os botões de ação fáceis de clicar.
Cuidado com o Impacto das Alterações
Um ponto importante: qualquer alteração feita na versão desktop ou mobile pode impactar a outra. Por exemplo, se você excluir um elemento na versão mobile que foi trazido da versão desktop, ele também será removido do desktop.
Em vez de excluir um elemento na versão mobile, use a função ocultar. Isso permite que o elemento desapareça apenas em uma das versões, sem impactar a outra.
→ (Como esconder/ocultar elementos) ←
Dicas:
॰ Excluir: Remove o elemento de ambas as versões.
॰ Ocultar: Deixa o elemento visível em uma versão e escondido na outra. Ideal para elementos que só fazem sentido em uma versão, como uma imagem de destaque maior no desktop e menor no mobile.
Não Edite em Múltiplas Abas Simultaneamente
Outra boa prática muito importante é evitar editar a página em mais de uma aba do navegador ao mesmo tempo. Fazer isso pode causar conflitos no sistema e impedir que suas alterações sejam salvas corretamente.
Por que isso acontece?
O editor da plataforma pode não sincronizar as mudanças feitas em múltiplas abas, o que pode resultar em problemas como perder parte do trabalho ou criar versões conflitantes.
O que fazer:
॰ Sempre trabalhe em uma única aba quando estiver editando sua página.
॰ Se precisar revisar a página em diferentes dispositivos ou layouts, salve suas alterações antes de abrir uma nova aba.
Conclusão
Seguir essas boas práticas ao criar suas páginas no GreatPages garante que sua experiência de criação seja tranquila e que suas páginas funcionem bem tanto no desktop quanto no mobile. A criação de páginas se torna mais simples e eficaz quando seguimos o fluxo recomendado, começando pelo desktop, organizando o mobile e cuidando das edições de maneira cuidadosa.
Se você seguir essas orientações, estará no caminho certo para criar páginas profissionais e otimizadas, prontas para alcançar o público de forma eficiente em qualquer dispositivo!
Atualizado em: 21/10/2024
Obrigado!