Editor do Wix Studio: práticas recomendadas para o Pro Gallery
4 min de leitura
Neste artigo
- Encontre as configurações que você precisa
- O painel Configurações
- O painel Inspetor
- Torne sua galeria responsiva
- Verifique o comportamento responsivo da galeria
- Use layouts diferentes por breakpoint
- Solução de problemas com lacunas e espaçamento
O Pro Gallery permite que você mostre vídeos, imagens e texto, tudo em uma linda galeria de mídia. Leia as diretrizes deste artigo para aproveitar ao máximo o Pro Gallery no Editor. Descubra as diferentes maneiras de personalizar sua galeria e deixá-la incrível em qualquer tamanho de tela.
Encontre as configurações que você precisa
Existem duas áreas principais onde você pode ajustar diferentes configurações da galeria:
- O painel de configurações do Wix Pro Gallery
- O painel Inspetor
O painel Configurações
O painel Configurações permite que você ajuste o design e a funcionalidade da sua galeria. Você pode escolher um layout que combine com suas imagens, decidir o que acontece quando um item é clicado ou ativar várias configurações de compartilhamento social.
![Uma captura de tela do painel Configurações do Pro Gallery no Editor do Wix Studio.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/e9471e96-8e0a-4ac1-9fa6-02e99938bd27/2023/06/21/f33c0de9-c2ec-436d-addb-a1d48cdda482/3aed14d3-551c-4728-956a-fb54356cd88a.jpg)
O painel Inspetor
No painel Inspetor, você pode ajustar o tamanho, a posição e o comportamento da sua galeria nos breakpoints. Essas configurações podem ajudar a garantir que sua galeria seja responsiva e fique ótima em todos os tamanhos de tela.
A aba Design é aberta primeiro por padrão. Clique na aba Interações
para criar animações.
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2021/11/25/7d8bb681-6024-4951-86e9-c1201cd53273/97dcf9c3-7477-45d8-a7a5-a3bfdef51c56.png)
![Uma captura de tela do painel Inspetor no Editor.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/e9471e96-8e0a-4ac1-9fa6-02e99938bd27/2023/06/21/228504ce-425c-46f4-8303-081815235629/fb08903f-ba39-4338-acbf-195662ff6710.jpg)
Torne sua galeria responsiva
Existem diversas formas de garantir que sua galeria seja responsiva em todos os tamanhos de tela. Continue lendo para escolher o melhor método para o seu tipo de design.
Verifique o comportamento responsivo da galeria
No painel Inspetor, você pode ver o tamanho da galeria e o comportamento responsivo atual. Certifique-se de que a galeria está definida para Largura relativa ou Esticar para garantir que ela seja redimensionada automaticamente e em relação à tela de cada visitante.
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/07/06/8ff8b842-7763-4501-9901-ea14b516617e/8292e46a-fc4a-4d44-a258-3b2a1f7a1d49.png)
Dica:
Não é possível ajustar a altura da sua galeria no Inspetor quando:
- Sua galeria está configurada para rolar verticalmente.
- Sua galeria é horizontal com uma posição fixa.
Você pode alterar essas configurações na aba Layout no painel Configurações da galeria.
Use layouts diferentes por breakpoint
O Pro Gallery oferece diferentes opções de layout. Você pode escolher um layout para cada um dos seus breakpoints para que a galeria sempre se ajuste à tela. Você também pode economizar tempo ao escolher um layout predefinido onde você só altera a cor, o texto e as animações na aba Design.
![Uma captura de tela da aba Layout no painel de configurações do Pro Gallery.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/e9471e96-8e0a-4ac1-9fa6-02e99938bd27/2023/07/02/1b0926d7-28f1-4f9d-8679-480c88a6b94f/7e7f6bec-72c7-4774-951d-5305c5c24562.jpg)
Solução de problemas com lacunas e espaçamento
Se você achar que há muito espaço acima, abaixo ou entre as imagens da galeria, siga as etapas abaixo.
Diminua o espaçamento entre imagens
Verifique o tamanho da caixa de texto
(Layout Slides) Verifique o tamanho da barra de informações