A Galeria de imagens permite adicionar e gerenciar facilmente as imagens em seu site com várias visualizações.
As galerias aprimoram o visual do seu site, permitindo a exibição de fotos, trabalhos artísticos ou produtos de maneira organizada e atraente. Você pode criar várias galerias, cada uma adaptada a temas ou categorias específicas, garantindo que seu conteúdo seja exibido de forma estruturada. As galerias podem ser personalizadas com diferentes layouts, como grades e apresentações de slides, permitindo que você escolha o formato que melhor se adapta ao design e à experiência do usuário do seu site.
Recursos avançados, como efeitos lightbox, legendas de imagens e animações hover, podem aprimorar ainda mais a apresentação de suas imagens. Além disso, o design responsivo garante que suas galerias tenham uma ótima aparência em todos os dispositivos, de desktops a smartphones. Ao utilizar uma galeria de imagens, você pode melhorar o engajamento do usuário, tornando seu site mais interativo e visualmente atraente.
Para adicionar uma galeria:
1. Clique em Construir no menu à esquerda
2. Selecione a guia Galeria
3. 3. Arraste e solte um dos tipos de galeria disponíveis na página
4. Escolha como deseja carregar a imagem, após selecionar o botão Adicionar nova imagem
- Para carregar diretamente do seu dispositivo, selecione "Carregar imagem" no menu suspenso disponível
- Para carregar a partir de um URL, clique em "Adicionar do URL", cole o URL da imagem que deseja enviar e clique em "Adicionar imagem".
- Você também pode arrastar e soltar uma imagem do seu dispositivo para a respectiva área
- Uma opção adicional é usar nossa galeria de imagens gratuitas por meio do respectivo botão. Esta galeria oferece uma ampla variedade de imagens de alta qualidade que você pode incorporar facilmente em suas próprias galerias.
|
Opções da imagem:
- As primeiras coisas que você vê são o botão Voltar, que permite retornar às Opções da galeria e uma pequena visualização da imagem.
Rolando para baixo no menu Propriedades, você encontrará opções para alterar a aparência da galeria, como Tipo de galeria, Opções de aparência, Efeitos de imagem, Forma da imagem, Visualizador de imagens grandes e muito mais. |
Para configurar os diferentes tipos de galerias:
Miniaturas
- Tamanho da imagem - escolha um tamanho predefinido (pequeno, médio e grande) ou defina qualquer tamanho personalizado adequado ao seu design.
- Mostrar legenda - selecione para ver ou não uma legenda/descrição sob a imagem.
- Selecione o número de colunas de miniaturas.
- Cortar imagem - quando Cortar imagem está selecionado, a imagem carregada será cortada na proporção do tamanho de imagem da galeria antes de ser redimensionada. Quando esta opção não está marcada, a imagem carregada preserva sua proporção original na galeria.
- Por padrão, são designadas 3 colunas de miniatura.
Apresentação de slide
- Tamanho da imagem - escolha um tamanho predefinido (pequeno, médio e grande) ou defina qualquer tamanho personalizado adequado ao seu design.
- Mostrar legenda - selecione para ver ou não uma legenda/descrição sob a imagem.
- Legendas animadas - escolha se as legendas devem ser animadas ou estáticas (visíveis apenas quando a opção “Mostrar legenda” estiver selecionada).
- Cortar imagem - quando Cortar imagem está selecionado, a imagem carregada será cortada na proporção do tamanho de imagem da galeria antes de ser redimensionada. Quando esta opção não está marcada, a imagem carregada preserva sua proporção original na galeria.
- Mostrar botão Anterior/Próximo - botões de navegação que permitem alternar imagens da galeria.
- Tempo limite - o atraso em segundos que as imagens levam para mudar automaticamente.
- Reprodução automática - configure as imagens para mudar automaticamente
- Exibir Reproduzir / Pausar - os botões permitem pausar ou retornar à opção Reprodução automática
- Loop - ativar a opção para que a galeria continue a reprodução automática, mesmo depois de chegar à última imagem.
- Transição - escolha entre o efeito Desvanecer, Deslizar ou nenhum efeito de transição.
- Tipo de navegação - adicione uma opção de navegação abaixo da visualização da imagem - botões, números ou ambos.
Tira de filme
- Tamanho da imagem - escolha um tamanho predefinido (pequeno, médio e grande) ou defina qualquer tamanho personalizado adequado ao seu design.
- Mostrar legenda - selecione para ver ou não uma legenda/descrição sob a imagem.
- Cortar imagem - quando Cortar imagem está selecionado, a imagem carregada será cortada na proporção do tamanho de imagem da galeria antes de ser redimensionada. Quando esta opção não está marcada, a imagem carregada preserva sua proporção original na galeria.
- Mostrar botão Anterior/Próximo - botões de navegação que permitem alternar imagens da galeria.
- Exibir barra de rolagem - adicione uma barra de rolagem para alternar imagens.
- Ícone Cortar - quando o ícone Cortar estiver selecionado, os ícones serão cortados na proporção do tamanho miniatura antes de serem redefinidos. Quando esta opção não está marcada, os ícones preservam a proporção original na galeria.
- Configurar tamanho das miniaturas (ícone da imagem) em pixel.
- Configurar a posição das miniaturas (ícone da imagem) com a Colocação das miniaturas - no alto, embaixo, à esquerda, à direita.
- Tempo limite - o atraso em segundos que as imagens levam para mudar automaticamente.
- Reprodução automática - configure as imagens para mudar automaticamente
- Exibir Reproduzir / Pausar - os botões permitem pausar ou retomar a opção Reprodução automática.
- Loop - ativar a opção para que a galeria continue a reprodução automática, mesmo depois de chegar à última imagem.
- Transição - escolha entre o efeito Desvanecer, Deslizar ou nenhum efeito de transição.
Mosaico
- Tamanho da imagem - escolha um tamanho predefinido (pequeno, médio e grande) ou defina qualquer tamanho personalizado adequado ao seu design.
- Mostrar legenda - selecione para ver ou não uma legenda/descrição sob a imagem.
- Cortar imagem - quando Cortar imagem está selecionada, a imagem carregada será cortada na proporção do tamanho de imagem da galeria antes de ser redimensionada. Quando esta opção não está marcada, a imagem carregada preserva sua proporção original na galeria.
- Mostrar botão Anterior/Próximo - botões de navegação que permitem alternar imagens da galeria.
- Exibir barra de rolagem - adicione uma barra de rolagem para alternar imagens.
- Ativar ou desativar a opção Cortar ícone para reduzir o ícone da imagem.
- Configurar tamanho das miniaturas (ícone da imagem) em pixel.
- Configurar a posição das miniaturas (ícone da imagem) com a Colocação das miniaturas - no alto, embaixo, à esquerda, à direita.
- Reprodução automática - configure as imagens para mudar automaticamente
- Exibir Reproduzir / Pausar - os botões permitem pausar ou retomar a opção Reprodução automática.
- Loop - ativar a opção para que a galeria continue a reprodução automática, mesmo depois de chegar à última imagem.
- Transição - escolha entre o efeito Desvanecer, Deslizar ou nenhum efeito de transição.
Controle deslizante
- Tamanho da imagem - Pequeno, médio, grande e personalizado.
- Mostrar botões Anterior/Próximo - botões de navegação que permitem alternar entre as imagens da galeria.
- Exibir barra de rolagem - adicione uma barra de rolagem para alternar imagens.
- Mostrar legenda - selecione para ver ou não uma legenda/descrição sob a imagem.
- Reprodução automática - configure as imagens para mudar automaticamente
- Exibir Reproduzir / Pausar - os botões permitem pausar ou retomar a opção Reprodução automática.
- Loop - ativar a opção para que a galeria continue a reprodução automática, mesmo depois de chegar à última imagem.
Grade
Responsiva - projetada para ajustar e adequar automaticamente as imagens dentro do espaço de tela disponível, adaptando-se dinamicamente com base na largura da coluna, altura da linha e espaçamento especificado entre colunas e linhas. Essencialmente, oferece uma alternativa mais avançada e versátil à galeria Miniaturas, garantindo um layout polido e mais flexível.
Lajotas - um tipo de galeria de grade em que os itens são organizados em um layout orgânico e de fluxo livre, sem serem confinados a linhas estritas. Assemelhando-se a tijolos em uma parede, permite que os itens sejam empilhados verticalmente, mantendo um design coeso. O layout depende principalmente da largura da coluna especificada e do espaçamento entre colunas e linhas para criar um arranjo visualmente atraente que minimize o espaço vazio. Este tipo de grade é ideal para conteúdo com alturas variadas, como fotos, cartões ou trechos de blog, pois utiliza com eficiência o espaço disponível e mantém uma estrutura dinâmica e esteticamente atraente.
Colunas fixas - um tipo de galeria de grade avançada em que o número de colunas é fixo e permanece consistente, independentemente do tamanho da tela. O que diferencia esse layout é a capacidade de personalizar quanto espaço cada imagem ocupa dentro da grade.
O layout é determinado pelo número predefinido de colunas e pela Altura da linha especificada, definindo a área geral da galeria de forma eficaz. Dentro dessa estrutura, cada imagem (ou item da grade) pode ser configurada individualmente para ocupar mais ou menos espaço. Por exemplo, você pode atribuir dimensões específicas a um item, como fazer com que a primeira imagem se estenda por 1 coluna e 2 linhas, dobrando efetivamente seu tamanho em comparação com outros itens na grade.
As seguintes opções são compartilhadas entre todos os tipos de galerias
|
Efeitos de imagem (não aplicados no Visualizador de imagens grandes) Você pode alterar o efeito da visualização da imagem. As opções disponíveis são: |
|
| - Nenhum(a) - Polaroid - Reflexo - Escala de cinzas - Sépia - Claro - Escuro |
|
|
Formas da imagem (não aplicadas no Visualizador de imagens grandes) Você pode alterar a forma da visualização da imagem. As formas disponíveis para a maioria das galerias são: |
|
| - Original - Diamante - Hexágono - Octógono - Oval - Círculo |
|
|
O Visualizador de imagens grandes é acionado quando o visitante do site clica em uma única imagem. |
|
| - Mostrar a opção Legenda para ativar ou desativar o texto de descrição da imagem, sob a imagem no visualizador de imagens grandes. - Esmaecer luzes - com a opção selecionada, o conteúdo atrás do visualizador de imagens grandes será esmaecido. - Zoom - se você tiver uma imagem muito grande, você terá a opção de clicar nela para dar zoom. - Tamanho - o tamanho do visualizador de imagens grandes Opções de apresentação de slides: - Configurar Tempo limite em segundos - atraso entre a troca de imagens. - Reprodução automática - configure as imagens para mudar automaticamente - Exibir Reproduzir / Pausar - os botões permitem pausar ou retornar à opção Reprodução automática - Loop - ativar a opção para que a galeria continue a reprodução automática, mesmo depois de chegar à última imagem. - Definir o tipo de navegação como botões, botões e números ou nenhum - Sobrepor botões Anterior/Avançar para navegar entre as imagens. |
|
Notas:
- Há um limite de 200 imagens por envio, embora isso possa variar dependendo da sua conexão com a Internet.
- Não há suporte para carregar arquivos compactados, como .zip ou .rar.