Criar sites responsivos com Wix
6 min
Neste artigo
- Usar recursos responsivos no Editor Wix
- O editor mobile
- Elementos de largura total
- Criar um site responsivo no Wix Studio
Se você usa o Editor Wix ou o Editor do Wix Studio, o Wix oferece uma variedade de ferramentas para ajudar você a criar um site que fica ótimo em todas as telas.
Com o Editor Wix, você pode usar seções de largura total, faixas e elementos que se ajustam ao tamanho da tela do visitante. No Editor do Wix Studio, opções avançadas como personalização por breakpoint, propriedades de dimensionamento e IA responsiva fornecem a precisão para criar designs responsivos e prontos para o cliente.
Neste artigo, descobriremos como criar um site responsivo nos dois editores.
Usar recursos responsivos no Editor Wix
Os sites Wix criados no Editor Wix estão se tornando cada vez mais responsivos conforme continuamos adicionando recursos e novidades incríveis.
O editor mobile
O Wix cria automaticamente uma versão otimizada para mobile do seu site usando o conteúdo do seu site para desktop. Use o editor mobile para personalizar o design e o conteúdo do seu site mobile e para melhorar a experiência dos visitantes.
É importante saber que:
As versões desktop e mobile do seu site representam diferentes modos de visualização do mesmo site. Eles não são sites separados. As alterações no desktop afetam seu site mobile, enquanto as alterações no seu site mobile não afetam seu site para desktop.
Elementos de largura total
O Editor Wix oferece uma variedade de elementos que podem se expandir para preencher toda a largura da tela e se ajustar ao tamanho da tela do visitante (no desktop).
Os seguintes elementos são responsivos quando esticados para a largura total:
Seções e faixas
Slideshows em largura total
Galerias
Menus e linhas horizontais
Elementos dos apps do Wix e Google Maps
Se o elemento tiver um ícone Esticar 
, isso significa que você pode esticá-lo para a largura total e torná-lo responsivo.
, isso significa que você pode esticá-lo para a largura total e torná-lo responsivo.
Observação:
Ao usar elementos que não podem ser esticados para a largura total (por exemplo: caixas de texto, imagens), certifique-se de mantê-los dentro das linhas de grade para que seus elementos apareçam corretamente na maioria dos tamanhos de tela.
Criar um site responsivo no Wix Studio
Você pode criar sites totalmente responsivos e com um design incrível para seus clientes no Editor do Wix Studio. Com seus recursos de ponta, a plataforma permite que você crie sites responsivos com velocidade e precisão.
No editor, você encontra uma variedade de ferramentas cuidadosamente selecionadas para agilizar seu processo de design, garantindo facilidade, eficiência e resultados notáveis para seus projetos.
Clique abaixo para saber mais sobre essas ferramentas e recursos.
Personalização por breakpoint
Comportamentos responsivos para elementos
Dimensionar propriedades do design
Recurso de IA responsiva para seções
Contrate um profissionalEncontre um Parceiro Wix que pode ajudar você a alcançar os objetivos do seu site.
