Galeria Pro Wix: escolher um layout para o site mobile (personalizado vs. predefinido) | Central de Ajuda

Confira como usar o Wix para construir seu site e negócio.

Personalize e gerencie seu site com os recursos do Wix.

Gerencie assinaturas, planos e faturas.

Administre seu negócio e conecte-se com os membros.

Compre, conecte ou transfira um domínio para o seu site.

Expanda seu negócio e presença online.

Aumente sua visibilidade com recursos de SEO e marketing.

Acesse recursos avançados e otimize sua produtividade.

Encontre soluções, problemas conhecidos ou contate-nos.

Domine novas habilidades com nossos cursos e tutoriais.

Confira nossas dicas de web design, marketing e mais.

Aumente o tráfego orgânico vindo dos motores de busca.

Desenvolva um site único com a nossa plataforma full-stack.

Alcance seus objetivos com a ajuda de um especialista.

Galeria Pro Wix: escolher um layout para o site mobile (personalizado vs. predefinido)

12 min

Neste artigo

Layouts personalizados
Layouts predefinidos
Recursos de layout personalizáveis
Perguntas frequentes

O layout da galeria Pro no seu site mobile é responsivo, o que significa que ele se ajusta automaticamente a diferentes tamanhos de tela e dispositivos. Você pode escolher um layout completamente diferente para a sua galeria Pro para que ela fique perfeita em celulares e tablets.

Selecione um layout predefinido com recursos integrados ou um layout personalizado se preferir personalizar o layout por conta própria. Qualquer que seja a opção de layout que você escolher, você sempre pode personalizar o design da galeria.

Layouts personalizados

Esses layouts de galeria permitem que você faça o design e personalize sua galeria Pro a partir do zero. Você pode escolher entre uma ampla variedade de layouts personalizáveis para mostrar sua mídia em dispositivos móveis.

Editor Wix

Editor do Wix Studio

Vá para o seu Editor mobile.
Clique no elemento Galeria Pro na sua página.
Clique em Configurações.
Selecione um layout para sua galeria.
Clique em Personalizar layout para alterar o layout para que fique exatamente como você deseja (consulte Recursos de layout personalizáveis abaixo).

Uma captura de tela do painel de layout da galeria Pro com a aba Personalizado destacada.

Observação:

Não existem setas de navegação na visualização expandida. Em vez disso, os visitantes deslizam a tela para visualizar o próximo item da galeria.

Layouts predefinidos

Os templates predefinidos incluem uma variedade de recursos internos de layout. Esses layouts de galeria prontos permitem que você acelere o processo de mostrar suas imagens no seu site. Embora os layouts em si não sejam personalizáveis, você pode personalizar o design da galeria.

Editor Wix

Editor do Wix Studio

Vá para o seu Editor mobile.
Clique no elemento Galeria Pro na sua página.
Clique em Configurações.
Clique na aba Predefinido.
Selecione um layout para sua galeria.

Uma captura de tela do painel de layout da galeria Pro com a aba Predefinições destacada.

Recursos de layout personalizáveis

Cada layout personalizável oferece uma variedade de configurações que você pode personalizar, incluindo direção da rolagem, direção da galeria e orientação da imagem.

Clique em uma opção abaixo para obter mais detalhes sobre esse layout:

Colagem

Mosaico

Grade

Use o layout de grade quando quiser que suas imagens sejam exibidas dentro de uma grade.

Primeiro, escolha uma Direção de rolagem, horizontal ou vertical. Em seguida, ajuste as configurações disponíveis.

Rolagem vertical:

Redimensionar miniatura: escolha como as miniaturas da imagem aparecem:
- Recortar: suas imagens são cortadas para a proporção de imagem que você selecionar.
  Observação: as opções de design Largura e cor da borda e Raio do canto só estão disponíveis ao selecionar essa opção.
- Ajustar: suas imagens se adaptam para se ajustar ao tamanho da miniatura.
Ajustar à tela: permita que a galeria otimize automaticamente o número de imagens, com base na tela do visitante.
- Tamanho da miniatura: escolha o tamanho das imagens na galeria.
Definir itens por linha: defina manualmente a quantidade de imagens a serem mostradas em cada linha.
- Imagens por linha: escolha quantas imagens aparecem em cada linha.
Espaçamento: escolha quanto espaço deseja ter entre as imagens.
Botão Ver mais: ative a alavanca para mostrar um botão que carrega mais imagens.
- Quantas imagens carregam?: escolha se deseja exibir todas as imagens ou mais uma seção.
  Observação: escolher Mais uma seção adiciona outra seção do mesmo tamanho que a galeria original.

Rolagem horizontal:

Proporção da galeria: escolha se a proporção da galeria deve ser manual ou fixa.
- Manual: arraste a galeria para uma altura e largura personalizadas e a mídia incluída é redimensionada automaticamente para caber dentro dela.
- Fixo: escolha uma proporção fixa para aplicar à galeria que permanece consistente quando você arrasta para redimensioná-la.
Redimensionar miniatura: escolha como as miniaturas da imagem ficam:
- Recortar: suas imagens são cortadas para a proporção de imagem que você selecionar.
  Observação: as opções de design Largura e cor da borda e Raio do canto só estão disponíveis ao selecionar essa opção.
- Ajustar: suas imagens se adaptam para se ajustar ao tamanho da miniatura.
Deslizar automaticamente: ative a alavanca para exibir seus itens em um slideshow contínuo:
- Intervalos: sua galeria desliza para o próximo item após o período de tempo escolhido. Arraste o slider Tempo entre as imagens para escolher quanto tempo passa antes que o slide mude.
  Observação: se você quiser alterar o efeito de transição, vá para a aba Animações de rolagem nas configurações de Design.
- Contínuo: sua galeria desliza automaticamente. Arraste o slider Velocidade do slideshow para ajustar a velocidade dos slides da galeria.
- Pausar ao passar o mouse: clique na alavanca para ativar ou desativar a pausa do slideshow quando um visitante passa o mouse sobre um item da galeria.
Imagens por coluna: escolha quantas imagens são mostradas por coluna.
Espaçamento: escolha quanto espaço deseja ter entre as imagens.

Miniaturas

Utilize o layout Miniaturas quando quiser mostrar várias miniaturas ao lado da imagem selecionada.

Proporção da galeria: escolha se a proporção da galeria deve ser manual ou fixa.
- Manual: arraste a galeria para uma altura e largura personalizadas e a mídia incluída é redimensionada automaticamente para caber dentro dela.
- Fixo: escolha uma proporção fixa para aplicar à galeria que permanece consistente quando você arrasta para redimensioná-la.
Redimensionar miniatura: escolha como as miniaturas da imagem aparecem:
- Recortar: suas imagens são cortadas para a proporção de imagem que você selecionar.
  Observação: as opções de design Largura e cor da borda e Raio do canto só estão disponíveis ao selecionar essa opção.
- Ajustar: suas imagens se adaptam para se ajustar ao tamanho da miniatura.
Posição da miniatura: escolha onde você deseja que as miniaturas apareçam na tela (abaixo, à esquerda, acima ou à direita da imagem que está sendo exibida).
Tamanho da miniatura: arraste o slider para escolher o tamanho das imagens na galeria.
Observação: se você tiver apenas algumas imagens e houver um espaço vazio sob a imagem principal, você precisa aumentar o tamanho da miniatura.
Deslizar automaticamente: ative a alavanca para exibir seus itens em um slideshow contínuo:
- Intervalos: sua galeria desliza para o próximo item após o período de tempo escolhido. Arraste o slider Tempo entre as imagens para escolher quanto tempo passa até o slide mudar.
  Observação: se você quiser alterar o efeito de transição, vá para a aba Animação do slide nas configurações de Design.
- Contínuo: sua galeria desliza automaticamente. Arraste o slider Velocidade do slideshow para ajustar a velocidade dos slides da galeria.
- Pausar ao passar o mouse: clique na alavanca para ativar ou desativar a pausa do slideshow quando um visitante passa o mouse sobre um item da galeria.
Espaçamento da miniatura: arraste o slider para escolher quanto espaço deve existir entre as imagens.

Observação: atualmente, não é possível ajustar o alinhamento das suas miniaturas. Se isso é algo que você gostaria de ver no futuro, vote nesse recurso.

Slider

Utilize o layout Slider se quiser mostrar várias imagens com uma rolagem horizontal.

Observação: o número de imagens mostradas de cada vez nesse layout depende do tamanho da galeria. Se algumas imagens aparecerem cortadas, você precisa alterar o tamanho da galeria. Outra solução é escolher Recortar e Responsivo nas configurações do layout.

Proporção da galeria: escolha se a proporção da galeria deve ser manual ou fixa.
- Manual: arraste a galeria para uma altura e largura personalizadas e a mídia incluída é redimensionada automaticamente para caber dentro dela.
- Fixo: escolha uma proporção fixa para aplicar à galeria que permanece consistente quando você arrasta para redimensioná-la.
Redimensionar miniatura: escolha como as miniaturas da imagem aparecem:
- Recortar: suas imagens são cortadas para a proporção de imagem que você selecionar.
  Observação: as opções de design Largura e cor da borda e Raio do canto só estão disponíveis ao selecionar essa opção.
- Ajustar: suas imagens se adaptam para se ajustar ao tamanho da miniatura.
Proporção da imagem: decida se a proporção da imagem muda ou não com base no tamanho da tela:
- Responsiva: o tamanho da imagem será ajustado automaticamente dependendo do dispositivo de quem está visualizando.
- Fixa: escolha entre as opções de proporção de imagem disponíveis, por exemplo (4:3, 1:1). As imagens aparecem nessa proporção em todos os dispositivos.
Deslizar automaticamente: ative a alavanca para exibir seus itens em um slideshow contínuo:
- Intervalos: sua galeria desliza para o próximo item após o período de tempo escolhido. Arraste o slider Tempo entre as imagens para escolher quanto tempo passa antes que o slide mude.
  Observação: se você quiser alterar o efeito de transição, vá para a aba Animações de rolagem nas configurações de Design.
- Contínuo: sua galeria desliza automaticamente. Arraste o slider Velocidade do slideshow para ajustar a velocidade dos slides da galeria.
- Pausar ao passar o mouse: clique na alavanca para ativar ou desativar a pausa do slideshow quando um visitante passa o mouse sobre um item da galeria.
Número de itens exibidos: ao escolher Responsivo como a proporção da imagem, você pode ajustar quantas imagens são mostradas de cada vez.
Espaçamento: escolha quanto espaço deseja ter entre as imagens.