As galerias foram pensadas para destacar e valorizar as suas imagens, além de agilizar o processo de personalização no site. Ao personalizar uma galeria, todas elas seguirão o mesmo estilo, mas também é possível personalizá-las individualmente conforme objetivo da página.
Escolhendo o layout das galerias
Passo 1) No seu painel 46graus, acesse o menu Design:
Passo 2) Assim que a tela de Design abrir, clique na opção "Galerias". Ela fica no canto inferior esquerdo, no menu lateral.
Ao fazer isso, você será direcionado para a personalização das galerias do seu site. A pré-visualização do lado direito da sua tela também irá mudar, indo para uma das suas galerias.
Passo 3) Em “Layout das galerias”, escolha o layout que mais te agrada. No total, são 12 opções:
Conforme você for clicando nos modelos, a tela de pré-visualização na direita vai mudar o layout da sua galeria. Assim você pode ver como ela vai ficar e escolher o modelo que mais combina com o seu trabalho. Essas modificações não alteram seu site em tempo real, elas precisam ser salvas. Logo, você pode alterar o layout quantas vezes quiser para escolher a melhor opção pra você.
Personalizando a lista de páginas
Você pode utilizar as galerias exatamente como os layouts pré-definidos exibem, mas também pode personalizar cada uma delas, transformando em um novo layout.
Para personalizar, basta expandir os menus abaixo do layout das galerias. As opções podem mudar dependendo do layout que foi escolhido. Vamos passar por cada uma das possibilidades para você entender o que elas modificam no layout.
- PERSONALIZANDO COMO AS IMAGENS APARECEM
Área de conteúdo: define o tamanho que as imagens ocuparão na área do conteúdo do site. Você pode escolher entre médio, grande, muito grande e tela cheia. Essa opção não aparece quando as imagens aparecem em lista (uma ao lado da outra com rolagem horizontal ou uma abaixo da outra).
Tamanho das imagens: define a quantidade de imagens por linha no site. Você pode escolher entre 6, 5, 4, 3 ou 2 imagens por linha. Quando o layout é em lista, as opções são pequeno, médio, grande e tela cheia;
Proporção: define a proporção que as imagens serão exibidas, podendo ser quadrado, padrão, widescreen, natural (respeita a proporção original das imagens) ou inteligente (faz o melhor encaixe das imagens para que não haja espaços em branco);
Espaço entre imagens: escolha o espaçamento entre uma imagem e outra, indo de grande, médio, pequeno, muito pequeno e nenhum espaço.
Efeito das imagens: por fim, escolha um entre 18 efeitos que as imagens exibirão quando o mouse passar em cima delas.
- PERSONALIZANDO COMO AS IMAGENS APARECEM AO SEREM CLICADAS
Você pode escolher entre 6 modos: slideshow padrão, slideshow imagens lado a lado, lightbox vertical, lightbox simples, lightbox imagens lado a lado e lightbox transição lateral.
Dependendo do modo de visualização escolhido, você poderá também personalizar o layout das miniaturas das imagens, escolhendo a proporção dessas imagens e o tamanho em que elas serão exibidas.
- PERSONALIZANDO AS INFORMAÇÕES DA GALERIA
Exibir informações: você pode optar por exibir ou não as informações de título, descrição e ficha técnica das galerias;
Layout das informações: caso opte por exibir as informações, poderá escolher o layout delas. Você poderá escolher entre seis opções de layout, com ou sem banner rotativo;
Filtro: o filtro de cor só aparece quando o layout escolhido possui banner rotativo e é aplicado em cima dele quando o título da galeria é configurado para aparecer por cima da imagem. Dessa forma garantimos uma boa leitura para o texto;
Permitir compartilhamento: você pode optar por permitir ou não o compartilhamento rápido da galeria. As redes sociais padrões são Facebook, Twitter e Pinterest.
- PERSONALIZANDO O BANNER ROTATIVO
Lembrando que essa opção só é visível quando o layout das informações escolhido possui o banner.
Exibir banner rotativo: escolha entre exibir ou não o banner nas galerias;
Largura: defina se o banner ocupará a largura padrão (do conteúdo) ou se será exibido em tela cheia;
Proporção: define a proporção que as imagens serão exibidas, podendo ser faixa (4:1), cinema (2,4:1), widescreen (16:9) e padrão (3:2);
Animação: define o tipo de transição entre uma imagem e outra, podendo ser esmaecer, deslizar horizontal, deslizar do topo e movimentação suave;
Velocidade: escolha a velocidade de transição de uma imagem para outra entre normal, rápido e lento.
Personalizando individualmente
As alterações realizadas anteriormente refletem em todas as galerias do seu site. Caso queira deixar uma ou mais galeria diferente das restantes, é possível personalizá-las individualmente.
Para isso, basta clicar no botão “Personalizar Individualmente”, localizado bem no final do menu das galerias:
Aparecerão todas as galerias que você tem no seu site. Escolha a galeria que deseja personalizar individualmente e faça as alterações. A galeria personalizada individualmente sempre mostrará uma legenda “Personalizado”.
Caso deseje retirar a personalização da galeria e deixá-la como o restante, basta acessar a galeria personalizada e clicar no botão “Retornar ao Padrão”: