Wix Pro Gallery: glossário de configurações
10 min de leitura
Personalize suas configurações do Pro Gallery a qualquer momento. Você pode ajustar o layout, design e outras configurações avançadas.
Este artigo descreve todas as opções dentro do Pro Gallery As opções que você vê dependem do layout Pro Gallery que você escolher.
Como faço para acessar as Configurações do Pro Gallery?
Saiba como personalizar a sua galeria:
Aba Layout
Observação:
Ao usar um dos layouts predefinidos, a maior parte do trabalho já foi feita por você, o que significa que o layout em si não é personalizável. No entanto, você pode personalizar o design da sua galeria na aba Design no painel Configurações. Saiba mais
Configuração | O que faz | Opções |
---|---|---|
Deslizar automaticamente | Os itens deslizam continuamente sem que o visitante clique nas setas de navegação. |
- 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 intervalo de segundos entre os itens. - Contínuo: sua galeria desliza automaticamente. Arraste o slider Velocidade do slideshow para ajustar a velocidade dos itens da galeria.
|
Barra de informações | O tamanho da barra de informações abaixo dos itens da galeria. | Arraste o slider para aumentar ou diminuir o tamanho do espaço abaixo da sua galeria, onde os ícones "Coração" e "Compartilhar" aparecem. Marcando as caixas de seleção de texto em Design também exibe o título e a descrição na barra de informações. |
Imagens contínuas | Controle se seus visitantes podem percorrer pelos itens da sua galeria em um loop contínuo ou não. | - Ativada: os visitantes podem rolar percorrer pelas de imagens em um loop. - Desativada: ao chegar ao final de seus itens da galeria, os visitantes devem clicar na seta de navegação para a esquerda para retornar ao início da galeria. |
Botão de reprodução | Mostre ou oculte um botão de reprodução para que seus visitantes pausem ou reproduzam os slides. | - Ativada: um botão de reprodução é exibido. Os visitantes do seu site podem pausar ou reproduzir seus slides. - Desativada: um botão de reprodução não é exibido. Observação: essas opções só aparecem se você definir seus itens para deslizar automaticamente (configuração Deslizar automaticamente). |
Direção de rolagem | A direção que seus visitantes percorrem a galeria. | - Vertical: os visitantes percorrem a página verticalmente para ver mais itens. - Horizontal: os visitantes clicam nas setas de rolagem à esquerda e à direita da galeria para ver mais itens. |
Orientação da imagem | A orientação dos itens da galeria. | - Horizontal: os itens são exibidos em uma orientação horizontal. Isso é bom para fotos de grande angular ou paisagem. - Vertical: os itens são exibidos em uma orientação vertical. Isso é bom para retratos ou close-ups. |
Redimensionar miniatura | O tamanho dos itens da galeria. | - Recortar: os itens da galeria são recortados para ajustar seu conteúdo no tamanho do item na galeria. Selecione a proporção de imagem dos itens. - Ajuste: os itens da galeria são redimensionados para mostrar todo o seu conteúdo. |
Proporção da imagem | A relação proporcional entre a largura do item e altura. | Selecione a proporção dos itens da galeria. |
Posição da miniatura | A localização das miniaturas da galeria. | Selecione o local das miniaturas da galeria. |
Tamanho da miniatura | O tamanho das miniaturas da galeria | Arraste o slider para aumentar ou diminuir o tamanho das miniaturas da galeria. |
Espaçamento da miniatura | O espaço entre as miniaturas da galeria. | Arraste o slider para aumentar ou diminuir o espaçamento entre as miniaturas da galeria. |
Espaçamento | O espaço entre os itens da galeria. | Arraste o slider para aumentar ou diminuir o espaçamento entre os itens da galeria. |
Densidade da colagem | A densidade (número e tamanho) dos itens na galeria. Uma densidade mais alta exibe mais itens de tamanhos menores. Uma densidade mais baixa exibe menos itens de tamanhos maiores. | Arraste o slider para aumentar ou diminuir a densidade. |
Ajustar à tela/ Definir itens por linha | O número de itens em cada linha da sua galeria. | - Ajuste à tela: seus itens são otimizados automaticamente para caber nas telas dos seus visitantes. - Definir itens por linha: escolha o número de itens de galeria em cada linha, independentemente do tamanho da tela dos visitantes. Arraste o slider Imagens por linha para definir o valor. |
Botão Ver mais | Mostre ou oculte um botão Carregar Mais para seus visitantes clicarem para carregar mais itens na sua galeria. Observação: esta opção só está disponível quando a Direção de rolagem é vertical. | - Ativada: um botão Ver mais aparece sob a galeria. Escolha se todas as imagens são exibidas ou apenas mais uma seção quando o botão Carregar mais é clicado. - Desativada: sua galeria é totalmente exibida quando a página é carregada e seus visitantes não precisam clicar em nada para ver mais. |
Aba Configurações
Configuração | Explicação | Opções |
---|---|---|
Ao clicar em um item: | Controle o que acontece quando os visitantes do seu site clicam em um item da galeria. | - Abrir modo expansão: o item da galeria é aberto no modo expansão. Personalize o modo expansão na aba Design. - Um link abre: seus visitantes do site são direcionados para um link (um endereço web, página, janela, etc.) Clique no Gerenciador de mídia para configurar o link. - Não acontece nada: nada acontece quando os visitantes do seu site clicam em um item da galeria. - Abrir em tela inteira: os itens da galeria abrem em tela cheia. |
Fazer download | Mostre ou oculte um ícone de Download para que seus visitantes possam, ou não, fazer download de suas imagens e vídeos. | - Ativada: um ícone de download é exibido. Os visitantes do seu site podem fazer download de suas imagens ou vídeos (não os que são gratuitos do Wix). - Desativada: um ícone de download não é exibido. |
Compartilhamento social | Mostre ou oculte ícones para compartilhamento em redes sociais para que seus visitantes possam compartilhar facilmente os itens da sua galeria. | - Ativada: os ícones de compartilhamento social são exibidos (Facebook, Twitter, Pinterest, Tumblr e email). Observação: para que os ícones de compartilhamento social fiquem visíveis, você deve aplicar uma sobreposição ao passar o mouse à sua galeria. Você pode definir a transparência como 0 se não quiser que a sobreposição fique visível. Se você escolher uma sobreposição parcial, certifique-se de definir seu tamanho para 40% ou mais. - Desativada: os ícones de compartilhamento social não são exibidos. |
Ícone de coração | Mostre ou oculte um ícone de Coração para que os visitantes possam mostrar se gostaram de um item da galeria. | - Ativada: um ícone de coração é exibido. Escolha se deseja exibir o contador para mostrar publicamente quantas pessoas curtiram o item da galeria. Observação: para que o ícone do coração fique visível, você deve aplicar uma sobreposição ao passar o mouse à sua galeria.Você pode definir a transparência como 0 se não quiser que a sobreposição fique visível. Se você escolher uma sobreposição parcial, certifique-se de definir seu tamanho para 40% ou mais. - Desativada: um ícone de coração não é exibido. |
Aba Design
Configuração | Explicação | Opções |
---|---|---|
Sobreposição e ícones | Escolha exibir uma sobreposição de cores e personalize os ícones da galeria que aparecem quando os visitantes passam o mouse sobre os itens da galeria. | - Cobertura de sobreposição: escolha se deseja cobrir os itens da galeria total ou parcialmente com sua sobreposição. - Gradiente: escolha se você deseja que uma sobreposição de cores misturadas apareça quando seus visitantes passam o mouse sobre sua galeria. Clique nas caixas de cores para selecionar as cores do gradiente e arraste o slider para alterar a direção do gradiente. Selecione a caixa de cor do ícone para selecionar as cores do ícone de Coração e Download. - Definir tamanho em: gerencie o tamanho da sobreposição parcial em porcentagem ou pixels. - Tamanho: arraste o slider ou insira um valor para escolher um tamanho para sua sobreposição parcial - Sobreposição começa em: escolha onde sua sobreposição parcial é posicionada. - Preenchimento: ajuste a quantidade de espaço entre a borda da galeria e sua sobreposição parcial. - Cor da sobreposição: escolha se você deseja que uma sobreposição de cor única apareça quando seus visitantes passam o mouse sobre sua galeria. Clique na caixa de cores para selecionar a cor e arraste o slider para alterar a opacidade. - Cor do ícone: clique na caixa de cores para selecionar as cores do ícone de Coração e Download. - Efeito de Sobreposição: selecione um efeito que é exibido quando seus visitantes passam o mouse sobre uma imagem. |
Textos | Personalize o texto na sua galeria. | - Informações para mostrar: marque a caixa de seleção relevante para exibir um título e/ou descrição nos itens da sua galeria. - Posição das informações: escolha se deseja exibir o texto acima, abaixo ou diretamente no item da galeria. - O que acontece com a informação ao passar o mouse?: escolha se prefere que seu texto apareça, desapareça ou não mude quando os visitantes passam o mouse sobre uma imagem. Observação: essas opções só aparecem se você definir as informações a serem exibidas na imagem (configuração de Posição das Informações). - Estilo e cor do título: selecione a fonte e a cor dos títulos. - Estilo e cor da fonte da descrição: selecione a fonte e a cor da descrição. - Alinhamento horizontal: selecione o alinhamento horizontal do texto. - Alinhamento vertical: selecione o alinhamento vertical do texto |
Botões | Adicione botões personalizáveis à sua galeria. | - Botão personalizado: clique para ativar um botão personalizado. - Texto do botão: insira o texto do seu botão. - Alinhamento horizontal: selecione o alinhamento horizontal do botão. - Alinhamento vertical: selecione o alinhamento vertical do botão. - Estilo e cor da fonte: selecione a fonte e a cor do texto do seu botão. - Cor e opacidade do botão: selecione a cor e a opacidade do seu botão. - Largura e cor da borda: selecione a largura e a cor da borda do seu botão. - Raio do canto: arraste o slider para ajustar a arredondamento dos cantos do botão. |
Setas de navegação | Adicione setas de navegação para permitir que seus visitantes naveguem pelos itens da sua galeria em seu próprio ritmo. Você pode personalizar o posicionamento, tamanho e cor das setas. | - Setas de navegação: clique na alavanca para exibir as setas de navegação na galeria. - Tamanho das setas de navegação: arraste o slider para aumentar ou diminuir o tamanho das setas de navegação. - Cor das setas de navegação: clique na caixa de cores para selecionar a cor da seta de navegação. Selecione uma cor entre as cores do seu site ou escolha a sua própria. - Posição das setas de navegação: marque a caixa de seleção relevante para exibir as setas de navegação dentro ou fora da galeria. Observação: a exibição de setas de navegação na sua galeria pode cobrir parte dos itens da galeria. - Centralizar setas para: escolha centralizar suas setas em qualquer lado da galeria, suas imagens ou texto. - Preenchimento horizontal: arraste o slider para ajustar a quantidade de espaço entre as setas e a borda da sua galeria. |
Estilo do item | Personalize o estilo dos itens da sua galeria. | - Largura e cor da borda: selecione a cor e a largura da borda dos itens da sua galeria. - Raio do canto: arraste o slider para aumentar ou diminuir o raio dos cantos dos itens da sua galeria. - Sombra: escolha se deseja mostrar ou ocultar uma sombra atrás de seus itens. - Efeito ao Passar o Mouse: selecione um efeito para aparecer quando os visitantes passam o mouse sobre os itens da sua galeria. - Carregando Imagem: selecione se suas imagens aparecem desfocadas, ou uma cor é exibida, enquanto suas imagens são carregadas. |
Animação de rolagem | Adicione uma animação à sua galeria e personalize as configurações ainda mais. | Clique em uma animação para adicioná-la à sua galeria. Clique em Personalizar animações e ajuste o seguinte: - Estilo de transição: adicione um efeito visual sutil para garantir uma passagem suave de um item da galeria para o próximo. - Duração: arraste o slider para ajustar quanto tempo dura a animação de rolagem. |
Aba Avançado
Configuração | Explicação | Opções |
---|---|---|
Reproduzir vídeos | Controle como seus vídeos são reproduzidos. | - Ao passar o mouse: seus vídeos são reproduzidos quando os visitantes passam o mouse sobre eles na galeria. - Reprodução automática: seus vídeos são reproduzidos automaticamente na galeria. - Ao clicar: seus vídeos são reproduzidos quando seus visitantes clicam neles na galeria. |
Reproduzir com som | Seus vídeos da galeria são silenciados por definição. Escolha se seus vídeos são reproduzidos com som. | - Ativada: os vídeos são reproduzidos com som na visualização da galeria. - Desativada: os vídeos são silenciados na visualização da galeria. Seus vídeos sempre são reproduzidos com som no modo expansão. |
Velocidade da reprodução | Controle a velocidade de reprodução dos vídeos. | Selecione a velocidade de reprodução entre as opções. |
Vídeos contínuos | Escolha se seus vídeos são reproduzidos continuamente em um loop ou não. | - Ativada: seus vídeos são reproduzidos continuamente. - Desativada: seus visitantes do site precisam clicar no botão de reprodução para reproduzir seus vídeos. |
Mostrar botão de reprodução | Escolha ativar ou desativar o botão de reprodução nos Vídeos do Pro Gallery. | - Ativada: um botão de reprodução aparece em seus vídeos. - Desativada: seus vídeos não apresentam um botão de reprodução. |
Direção da galeria | Escolha exibir os itens da galeria da esquerda para a direita ou da direita para a esquerda. | Clique na caixa de seleção relevante para exibir os itens da galeria da esquerda para a direita ou da direita para a esquerda. |
Qualidade da imagem | Selecione a qualidade da imagem dos itens da sua galeria. | Arraste o slider para aumentar ou diminuir a qualidade das imagens em sua galeria. Observação: a utilização de uma qualidade mais alta pode fazer com que suas imagens demorem mais tempo para carregar. |
Nitidez da imagem | Deixe as imagens da sua galeria mais nítidas. | - Ativada: as imagens ficam nítidas. Personalize a quantidade, raio e limiar da nitidez. - Desativada: as imagens não ficam nítidas |
Converter imagens para o formato WebP | WebP é um formato de imagem que diminui as imagens na web em 25-35% e melhora o tempo de carregamento do site. | - Ativada: (Recomendado) as imagens são convertidas para um formato WebP. - Desativada: as imagens são exibidas em seu formato de arquivo original. Isso pode afetar o tempo de carregamento do site. |
Redimensionar imagens automaticamente | O Wix redimensiona automaticamente as imagens da galeria para otimizar o tempo de carregamento das imagens e preservar a experiência de visualização do visitante do site. | Clique no dropdown para escolher quando as imagens são redimensionadas. - Sempre (recomendado): as imagens da galeria são redimensionadas automaticamente para melhorar o tempo de carregamento do seu site. - Apenas galeria: apenas as imagens na visualização principal do Pro Gallery são redimensionadas. As imagens no modo expansão são exibidas em sua resolução original. - Nunca: as imagens são carregadas em sua resolução original. Isso pode afetar o tempo de carregamento do site. |
Veja as alterações no seu site:
Clique em Visualizar na barra superior do seu Editor a qualquer momento para ver as alterações feitas em sua galeria.
Esse artigo foi útil?
|