Galeria Pro Wix: escolher um layout da Galeria Pro Wix (Personalizado vs. Predefinido)
12 min de leitura
A Galeria Pro Wix oferece vários layouts incríveis. Escolha entre um layout Personalizado ou Predefinido para mostrar sua mídia.
Os layouts personalizados permitem a personalização completa de aspectos como espaçamento da galeria, direção e orientação. Com um layout Predefinido, a maior parte do trabalho já está feita para você. Isso significa que o layout em si não é personalizável, mas o design da galeria ainda está em suas mãos.
Neste artigo, confira:
Layouts personalizados
Esses layouts de galeria permitem que você faça o design e personalize sua galeria Pro a partir do zero. Cada layout personalizável oferece uma variedade de configurações que você pode personalizar. Escolha entre layouts de galeria estáticos ou deslizantes, ou selecione o layout Mágico e deixe que nós iremos gerar um layout único para você.
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.
- Direção de rolagem: escolha uma rolagem vertical ou horizontal.
- Orientação da galeria: escolha exibir as fotos na vertical ou na horizontal.
- 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çã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.
- 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.
- Quantas imagens carregam: (Essa opção só está disponível se você optar por ativar um botão Ver mais):
- Todas as imagens
- Mais uma seção (adiciona outra seção do mesmo tamanho que a galeria original)
Mosaico
Use o layout Mosaico quando quiser mostrar imagens de orientação diferente exibidas em colunas ou linhas.
- Orientação da galeria: escolha exibir 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.
- Configurações de design: escolha se deseja ajustar sua galeria à tela ou defina manualmente o número de itens por linha:
- Ajustar à tela: a galeria Pro otimiza automaticamente o layout da galeria para se ajustar à tela do visitante.
- Definir itens por linha: você pode escolher quantas imagens são mostradas por linha em todos os dispositivos.
- Imagens por linha: aumente ou diminua a forma como as imagens são mostradas por linha.
- Espaçamento: escolha quanto espaço deseja ter entre as imagens.
- Botão "Ver mais": escolha se deseja mostrar ou ocultar o botão "Ver mais".
- Quantas imagens carregam?: (essa opção só está disponível se você optar por ativar um botão Ver mais). Escolha quantas imagens são carregadas quando os visitantes clicam em Ver mais:
- Todas as imagens
- Mais uma seção (adiciona outra seção do mesmo tamanho que a galeria original)
Grade
Utilize esse layout quando quiser que suas imagens sejam exibidas dentro de uma grade.
- Direção de rolagem: escolha uma rolagem vertical ou horizontal.
- Redimensionar miniatura:
- Recortar: você pode escolher a proporção de imagem.
- Ajustar: adapta o tamanho da imagem ao tamanho 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ê opta por recortar suas miniaturas nas configurações do layout.
- Proporção da imagem: escolha entre as opções de proporção de imagem disponíveis, por exemplo (4:3, 1:1).
- 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ção de slides" 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.
- Ajustar à tela: mostra quantas imagens podem caber dentro da galeria com um tamanho fixo
- Definir itens por linha: arraste o slider para mostrar mais ou menos imagens por linha.
Observação: no momento, não é possível exibir mais de 5 imagens por linha em uma galeria Pro com layout de Grade. Se isso é algo que você gostaria de ver no futuro, vote nesse recurso. - Tamanho da miniatura: escolha o tamanho das imagens na galeria.
- Imagens por coluna: escolha quantas imagens são mostradas por coluna (somente quando a orientação horizontal é escolhida).
- Espaçamento: escolha quanto espaço deve haver entre as imagens.
- Botão "Ver mais": escolha se deseja mostrar ou ocultar o botão Ver mais.
- Quantas imagens carregam?: (essa opção só está disponível se você optar por ativar um botão Ver mais). Escolha quantas imagens são carregadas quando os visitantes clicam em Ver mais:
- Todas as imagens
- Mais uma seção (adiciona outra seção do mesmo tamanho que a galeria original)
Miniaturas
Utilize o layout Miniaturas quando quiser mostrar várias miniaturas ao lado da imagem selecionada.
- Proporção da galeria:
- Manual: ajuste livremente a altura e a largura da sua galeria.
- Fixa: mantenha a mesma proporção em qualquer tamanho de tela usando uma das proporções sugeridas.
- 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ê opta por 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” sempre é desativado quando você chega na primeira imagem quando volta 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ção de slides" 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.
- 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.
- 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 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:
- Manual: ajuste livremente a altura e a largura da sua galeria.
- Fixa: mantenha a mesma proporção em qualquer tamanho de tela usando uma das proporções sugeridas.
- 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ê opta por 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” sempre é desativado quando você chega na primeira imagem quando volta 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ção de slides" 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.
- 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.
- 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:
- Manual: ajuste livremente a altura e a largura da sua galeria.
- Fixa: mantenha a mesma proporção em qualquer tamanho de tela usando uma das proporções sugeridas.
- 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: (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ção de slides" 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
Utilize o layout Faixa se quiser mostrar várias imagens em uma coluna.
- Espaçamento: escolha quanto espaço há entre os itens da sua galeria.
- Botão "Ver mais": escolha se deseja mostrar ou ocultar o botão Ver mais.
- Quantas imagens carregam?: (essa opção só está disponível se você optar por ativar um botão Ver mais). Escolha quantas imagens são carregadas quando os visitantes clicam em Ver mais:
- Todas as imagens
- Mais uma seção (adiciona outra seção do mesmo tamanho que a galeria original)
Coluna
Utilize o layout Coluna se quiser mostrar várias imagens de cada vez em uma linha.
- Proporção da galeria:
- Manual: ajuste livremente a altura e a largura da sua galeria.
- Fixa: mantenha a mesma proporção em qualquer tamanho de tela usando uma das proporções sugeridas.
- Imagens contínuas: escolha se deseja por permitir que os visitantes percorram suas imagens continuamente.
- 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ção de slides" 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: escolha quanto espaço deve haver entre as imagens.
Ladrilhos, Misto e Alternar
Utilize esses layouts para exibir itens da galeria de diferentes tamanhos e orientações lado a lado.
- Espaçamento: escolha quanto espaço deve haver entre as imagens.
- Botão "Ver mais": escolha se deseja mostrar ou ocultar o botão Ver mais.
- Quantas imagens carregam?: (essa opção só está disponível se você optar por ativar um botão Ver mais). Escolha quantas imagens são carregadas quando os visitantes clicam em Ver mais:
- Todas as imagens
- Mais uma seção (adiciona outra seção do mesmo tamanho que a galeria original)
Mágico
Esse layout permite que você altere o layout para outro com um clique. Basta clicar em Crie layout mágico para deixar o layout da sua galeria aleatório.
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.
Para escolher um layout Predefinido:
- Vá para o seu editor.
- Clique no elemento Galeria Pro na sua página.
- Clique em Configurações.
- Clique na aba Layout.
- Clique na aba Predefinido.
- Selecione um layout para sua galeria.
Perguntas frequentes
Clique nas perguntas abaixo para saber mais sobre layouts na galeria Pro:
A Galeria Pro Wix é responsiva?
Se você criar sua galeria Pro no Editor Wix, ela se comporta de forma responsiva quando você escolhe determinados layouts e a configura para Largura máxima. Isso significa que, em todos os dispositivos, a posição dos itens da sua galeria e seu tamanho podem mudar quando a janela do navegador for redimensionada. Saiba mais sobre responsividade na Galeria Pro Wix no Editor Wix.
Se você criar sua galeria Pro no Editor do Wix Studio, existem muitas formas diferentes de garantir que sua galeria seja responsiva em todos os tamanhos de tela. Saiba mais sobre responsividade na Galeria Pro Wix no Editor do Wix Studio.
Por que algumas das minhas imagens são cortadas quando adicionadas na Galeria Pro Wix?
Você pode notar que as imagens da sua galeria aparecem cortadas, dependendo do layout personalizado que você escolher. Isso pode acontecer quando a orientação das miniaturas em um layout é diferente daquelas das imagens que você faz upload.
Por exemplo, você seleciona o layout Slider, que exibe todas as imagens na orientação retrato (vertical), mas faz upload de imagens com orientação paisagem (horizontal). Isso significa que parte da sua imagem pode ser cortada para garantir que ela caiba dentro dos limites da miniatura.
Para evitar que suas imagens sejam cortadas:
- Clique na Galeria Pro Wix no seu Editor.
- Clique em Configurações.
- Clique na aba Layout.
- Clique na aba Layout.
- Selecione Ajustar em Redimensionar miniatura.
Observação: os layouts Faixa, Coluna, Ladrilhos, Mix, Alternar e Mágico têm proporções de imagem bloqueadas. Isso significa que as imagens serão cortadas automaticamente para caber dentro dos limites da miniatura.
Opções adicionais ao manter suas imagens recortadas:
- Ajuste o ponto focal das suas imagens para controlar melhor as partes das suas imagens que podem ser cortadas.
- Ajuste a proporção da imagem (16:9, 4:3, 1:1, 3:4 ou 9:16) aplicada à sua galeria para combinar melhor com a proporção e a orientação das imagens que você fez upload.
Esse artigo foi útil?
|