Fundamentos do Bloco Galeria na Squarespace

Quando você adiciona um bloco de galeria no Squarespace, você pode adicionar rapidamente várias imagens de uma só vez e ajustar o design da galeria para criar galerias agradáveis ​​e simples para os visitantes do site.

A caixa de diálogo Editar Gallery tem duas guias no canto superior direito para configurar o bloco galeria:

  • desenho: Escolher entre quatro opções de exibição: Slideshow, Slider, Grelha, e empilhados. Cada um oferece diferentes opções para a exibição de imagens da galeria.

  • Conteúdo: Adicionar imagens para o bloco galeria fazendo o upload de imagens do seu computador ou puxando imagens de uma página da galeria.

Antes de olharmos para as diferentes opções de visualização em mais detalhes, vamos adicionar imagens para o bloco galeria.

Como fazer upload de imagens para o bloco de galeria

Como em outras áreas de transferência de imagens do seu site Squarespace, você pode fazer upload de imagens para o bloco galeria de duas maneiras. Clique no sinal de mais para abrir uma caixa de diálogo do sistema para localizar as imagens no seu computador, ou arrastar e soltar as imagens para a área de carregamento da imagem do bloco de galeria.

Depois de fazer upload de suas imagens, clique duas vezes em uma imagem ou clique no ícone de engrenagem que aparece quando você passa o cursor sobre a miniatura da imagem. As configurações a seguir aparecem:

  • Título: Dar a imagem de um título.

  • Descrição: Adicionar uma breve descrição sobre a imagem.

  • URL de cliques: Adicione um link para sua imagem para permitir que alguém clique na imagem para abrir uma página ou um arquivo em seu site ou ir para outro site.

    image0.jpg

Squarespace usa o título da imagem para adicionar texto alternativo para a imagem. Os motores de busca usam este texto para obter informações descritivas sobre a imagem, aumentando o seu motor de pesquisa otimização.

Como retirar imagens de uma página Gallery

Um método alternativo de obtenção de imagens na sua galeria bloco é para trazê-los a partir de uma página da galeria em seu site. Quando você exibir imagens a partir de uma página da galeria, você não pode modificar ou configurar as imagens de dentro do bloco de galeria. Em vez disso, você deve fazer as alterações na página da galeria.

image1.jpg

Como escolher uma opção de exibição

Agora que você tem imagens no bloco de galeria, você precisa configurar o bloco de galeria para exibir as imagens. Quatro opções de exibição estão disponíveis:

  • Slideshow

  • Slider

  • Grade

  • empilhados

Vamos olhar para cada um destes com mais detalhes.

Slideshow

A opção de exibição Slideshow oferece as configurações mais configuração. Em uma apresentação de slides, uma imagem é exibida de cada vez, e os controles de navegação são exibidos para que os visitantes podem avançar através das imagens.

Você pode modificar as seguintes configurações para a opção de exibição Slideshow:

  • Reprodução automática: iniciará automaticamente a transição entre imagens quando a página é carregada. Use o controle deslizante para definir o atraso entre transições de imagens a partir de 1 a 10 segundos.

  • controles: flechas de exibição de ambos os lados da imagem atual (exceto a primeira e última imagem) para permitir que alguém para alterar manualmente as imagens.

  • Corte Auto: dimensionar automaticamente e recortar as imagens de modo que eles são do mesmo tamanho.

  • Miniaturas: Mostrar todas as imagens no bloco de galeria em uma linha de miniaturas abaixo a apresentação de slides. Use os controles deslizantes para definir a altura das miniaturas ea distância da linha miniatura do slideshow.

  • Mostrar título e descrição: Exibir o título e descrição de cada imagem.

  • Título e descrição do cargo: Reposicionar o título e descrição em um dos vários locais.

  • Ver Hover: Exibir o título e descrição somente quando alguém passa o cursor sobre uma imagem na apresentação de slides.

Slider

A opção de exibição Slider, como Slideshow, exibe as imagens em um formato slideshow. No entanto, a opção Slider também exibe desbotada partes da imagem anterior e próxima de ambos os lados da imagem atual.

  • Reprodução automática: iniciará automaticamente a transição entre imagens quando a página é carregada. Use o controle deslizante para definir o atraso entre transições de imagens a partir de 1 a 10 segundos.

  • controles: flechas de exibição em cada lado do controle deslizante para permitir que alguém alterar manualmente imagens.

  • Alinhamento Ativo: Posicionar a imagem cheia para a esquerda, direita ou centro do bloco galeria.

Grade

A opção de exibição de Grade mostra todas as suas imagens como miniaturas alinhados em uma grade. Este recurso é útil quando você deseja exibir todas as suas imagens de uma só vez e deixar os visitantes decidir qual deles querem ampliar. As seguintes opções estão disponíveis:

  • Miniaturas quadrados: Exibir suas imagens como miniaturas quadrados, criando uma grade de imagens que são todos do mesmo tamanho.

  • Miniaturas por Row: Use o controle deslizante para ajustar o número de miniaturas são exibidas em cada linha.

  • Estofamento em torno das miniaturas: Adicionar mais espaço em torno de suas imagens em miniatura. Observe que isso irá diminuir o tamanho da miniatura.

  • Caixa de luz: Permitem miniaturas para ser clicado para exibir versões maiores das imagens em um formato de estilo de apresentação. O site escurece e as imagens são exibidas no centro da janela.

empilhados

Stacked é a opção de exibição mais simples, apresentando as imagens, um após o outro para baixo a página. Ela não tem definições para configurar.

Se você não tem nenhum blocos dispostos à esquerda ou à direita do bloco de galeria e você escolher empilhadas, as imagens serão dimensionadas para a toda a largura da página.

menu