Galeria Pro Wix: escolher um layout (personalizado vs. predefinições)

A galeria Pro oferece uma variedade de lindos layouts para dar vida à sua mídia. Se você deseja controle criativo total com um layout personalizado ou prefere a facilidade de uma predefinição pronta, a escolha é sua.

Os layouts personalizados permitem que você tenha total controle criativo para ajustar tudo, como o espaçamento, a direção e a orientação da galeria.
Os layouts predefinidos simplificam o processo, oferecendo templates elegantes prontos para uso, permitindo que você personalize o design e estilize sua galeria.

Layouts personalizados

Com layouts personalizados, você pode criar seu design de galeria Pro do zero. Escolha layouts estáticos ou deslizantes para sua galeria ou deixe que o Wix crie um layout exclusivo para você com a opção Mágico. Cada layout inclui configurações que você pode personalizar para combinar com a estética do seu site.

Para escolher um layout Personalizado:

Vá para o seu editor.
Clique no elemento Galeria Pro na sua página.
Clique em Configurações.
Clique na aba Layout.
Selecione um layout para sua galeria.
Clique em Personalizar layout e altere o layout para ele que fique exatamente como você deseja. Clique em um layout abaixo para saber mais sobre seus recursos:

Colagem

Use o layout Colagem quando quiser mostrar imagens de orientação diferente (vertical e horizontal) colocadas aleatoriamente na galeria.

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

Rolagem vertical:
- Orientação da galeria: escolha exibir as fotos na vertical ou na horizontal.
- Tamanho da miniatura: escolha o tamanho das imagens na galeria.
- Espaçamento: escolha quanto espaço deve haver entre as imagens.
- Densidade da colagem: escolha quantas imagens serão exibidas de cada vez na galeria.
- Botão "Ver mais": escolha se deseja mostrar ou ocultar o botão "Ver mais".
  - 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:
- Orientação da galeria: escolha se as imagens serão mostradas na vertical ou na 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.
  - Fixa: escolha uma proporção fixa para aplicar à galeria que permanece consistente quando você arrasta para redimensioná-la.
- 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ção de 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.
- Tamanho da miniatura: escolha o tamanho das imagens na galeria.
- Espaçamento: escolha quanto espaço deve haver entre as imagens.
- Densidade da colagem: escolha quantas imagens serão exibidas de cada vez na galeria.

Mosaico

Grade

Utilize esse layout quando quiser que suas imagens sejam exibidas dentro de uma grade.

Primeiro, escolha uma Direção da 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 quando essa opção é selecionada.
- 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 deve haver 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.
- Fixa: 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 quando essa opção é selecionada.
- 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 deve haver 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.
- Fixa: escolha uma proporção fixa para aplicar à galeria que permanece consistente quando você arrasta para redimensioná-la.
Redimensionar miniatura:
- Recortar: adapta o tamanho da imagem ao tamanho da galeria.
- Ajustar: mostra a imagem em sua proporção original e a adapta ao tamanho da galeria. Se houver muito espaço vazio ao redor da imagem, você precisa aumentar a altura da galeria.
  Observação: as opções Largura e cor da borda e Raio do canto só estão disponíveis na aba Estilo do item quando você escolhe recortar suas miniaturas nas configurações do layout.
Posição da miniatura: escolha onde 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.
Imagens contínuas: escolha se deseja ou não desativar o botão “Próximo” na última imagem.
Observação: o botão "Voltar" é desativado quando você chega na primeira imagem ao voltar para trás.
Deslizar automaticamente: (essa opção só está disponível se você escolher Horizontal como direção de rolagem). Escolha 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 alterar o número de segundos entre os itens.
  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: ative a alavanca para que o slideshow seja pausado 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: no momento, não é possível ajustar o alinhamento das suas miniaturas. Se você gostaria de ver essa integração 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 parecerem cortadas, você precisa alterar o tamanho da galeria. Outra solução é escolher Recortar para o redimensionamento da miniatura e Responsivo para a proporção da imagem nas configurações de 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.
- Fixa: escolha uma proporção fixa para aplicar à galeria que permanece consistente quando você arrasta para redimensioná-la.
Redimensionar miniatura:
- Recortar: escolha se a proporção é fixa ou responsiva.
- Ajustar: mostra a imagem em sua proporção original e a adapta ao tamanho da galeria. Se houver muito espaço vazio ao redor da imagem, você precisa aumentar a altura da galeria.
  Observação: as opções Largura e cor da borda e Raio do canto só estão disponíveis na aba Estilo do item quando você escolhe recortar suas miniaturas nas configurações do layout.
Proporção da imagem:
- 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.
Imagens contínuas: escolha se deseja ou não desativar o botão “Próximo” na última imagem.
Observação: o botão "Voltar" é desativado quando você chega na primeira imagem ao voltar para trás.
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 alterar o número de segundos entre os itens. Observação: se você quiser alterar o efeito de transição, vá para a aba Animação 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: ative a alavanca para que o slideshow seja pausado quando um visitante passa o mouse sobre um item da galeria.
Número de itens exibidos: arraste o slider para ajustar quantas imagens são mostradas de cada vez. (Essa opção só está disponível quando você escolhe Responsivo como a proporção da imagem.)
Espaçamento: escolha quanto espaço deve haver entre as imagens.

Slides

Utilize o layout Slides se quiser mostrar uma imagem de cada vez com uma 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.
- Fixa: escolha uma proporção fixa para aplicar à galeria que permanece consistente quando você arrasta para redimensioná-la.
Redimensionar miniatura:
- Recortar: adapta o tamanho da imagem ao tamanho da galeria.
- Ajustar: mostra a imagem em sua proporção original e a adapta ao tamanho da galeria. Se houver muito espaço vazio ao redor da imagem, você precisa aumentar a altura da galeria.
  Observação: as opções Largura e cor da borda e Raio do canto só estão disponíveis quando você escolhe recortar suas miniaturas nas configurações do layout.
Imagens contínuas: escolha se deseja ou não desativar o botão “Próximo” na última imagem.

Observação: o botão “Voltar” sempre é desativado quando você chega na primeira imagem quando volta para trás.
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 alterar o número de segundos entre os itens.
  Observação: se você quiser alterar o efeito de transição, vá para a aba Animação 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.
- Botão Reproduzir: adicione um botão para permitir que os visitantes pausem ou reproduzam os slides. (Essa opção só está disponível quando você opta por ativar o recurso Deslizar automaticamente).
- Pausar ao passar o mouse: ative a alavanca para que o slideshow seja pausado quando um visitante passa o mouse sobre um item da galeria.
  Dica: quando você define seus slides para deslizarem automaticamente, você tem a opção de exibir um Contador de slides na sua galeria na aba Texto na seção Design.
Barra de informações: adiciona espaço para ícones, título e descrição sob a galeria.

Faixa

Coluna

Ladrilhos, Misto e Alternar

Mágico

Captura de tela da aba Layout no painel Configurações com todas as opções de layout personalizado visíveis.

Layouts predefinidos

Esses layouts de galeria prontos permitem que você acelere o processo de mostrar suas imagens em seu site. Os templates predefinidos podem ser exibidos na vertical e na horizontal e incluem uma variedade de recursos integrados de layout.