Informativo: Bloco Galeria

Conteúdo

O bloco Galeria reúne fotos e vídeos numa página. Cada item pode ter título e legenda. Ao clicar numa imagem ou num vídeo, o visitante abre uma janela sobre a página para ver esse conteúdo maior.

Para acrescentar, mover ou remover blocos, veja a página “Editor de páginas”, no capítulo Painel administrativo. Em cada figura, os círculos vermelhos numerados mostram a parte da tela que está sendo explicada. O número do círculo é o mesmo número da lista logo abaixo da figura.

Como a Galeria aparece no site

Figura 1 — Cinco imagens e um vídeo no layout Grade, com 3 itens por vez.

1. Título — o título da seção, acima dos itens. Só aparece quando preenchido.
2. Contagem — a quantidade de imagens e vídeos com arquivo selecionado, como “3 imagens · 1 vídeo”.
3. Miniatura — a imagem ou o vídeo do item. Ao clicar, o visitante abre a janela ampliada (Figura 2).
4. Ícone de ampliar — indica que a imagem abre maior ao ser clicada.
5. Duração do vídeo — os vídeos mostram uma miniatura e sua duração, quando o navegador consegue ler essa informação.
6. Título do item — aparece abaixo da miniatura, quando preenchido.
7. Legenda do item — aparece abaixo do título, quando preenchida.

Janela ampliada

Figura 2 — A primeira imagem aberta na janela ampliada.

1. Posição — o número do item e o total, como “1 / 6”.
2. Fechar — fecha a janela. A tecla Esc também fecha.
3. Imagem ou vídeo — o arquivo em tamanho maior. Na janela ampliada, o vídeo tem controles de reprodução.
4. Setas — trocam de item. Com apenas um arquivo, as setas dessa janela não aparecem.
5. Título — o título do item.
6. Legenda — a legenda do item.

Ao fechar a janela ou trocar de item, o vídeo para.

Campos do bloco

Figura 3 — Opções gerais da Galeria.

1. Itens por vez — escolha 3 itens, 2 itens ou 4 itens. Na grade e no slide, define quantos ficam lado a lado, conforme o espaço disponível. Na lista, define quantos ficam um embaixo do outro antes de passar ao próximo grupo.
2. Layout — escolhe como organizar os itens; veja as opções abaixo.
3. Fundo — Claro, Escuro ou Suave.
4. Título — o nome da seção, acima da galeria (Figura 1, item 1). Sem preenchimento, esse título não aparece.
5. Itens — a lista de fotos e vídeos e, no canto, quantos existem do máximo de 24 itens.
6. Item — cada linha é uma foto ou um vídeo, com o número e o título. Clicar abre os campos (Figura 4).
7. Adicionar — cria um item novo no fim da lista.

Opções de Layout

• Grade (lado a lado, tudo visível) — mostra todos os itens, distribuídos em linhas (Figura 1).
• Slide (com setas) — organiza os itens numa faixa horizontal. As setas aparecem quando há mais itens do que cabe no espaço disponível.
• Lista (um embaixo do outro; o resto em slide) — empilha os itens em grupos do tamanho escolhido em Itens por vez. Quando houver mais de um grupo, as setas permitem passar entre eles.

As setas do bloco mudam a parte visível da galeria; as setas da janela ampliada mudam o arquivo que está sendo visto.

Campos de cada item

Figura 4 — Um item aberto para editar.

1. Cabeçalho do item — o número e o título do item. Clicar abre ou fecha o item.
2. Setas — ↑ e ↓ mudam a ordem dos itens.
3. X — tira o item do bloco.
4. Imagem ou vídeo — o arquivo escolhido. A Galeria exibe vídeos nos formatos MP4 e WebM.
5. Biblioteca, Enviar arquivo e Remover — escolha um arquivo da Mídia, envie um arquivo novo ou tire o arquivo do item.
6. Título — aparece abaixo da miniatura e na janela ampliada.
7. Legenda — um texto curto de apoio, também exibido abaixo da miniatura e na janela ampliada. É a legenda preenchida neste item da Galeria; a legenda guardada nos detalhes da Mídia não preenche esse campo automaticamente.

Quando falta conteúdo

Sem nenhum item, o bloco fica oculto no site. Na prévia do editor, aparece o aviso “Nenhum item na galeria”, com a orientação para adicionar itens no painel.

Um item sem arquivo selecionado não abre a janela ampliada nem entra na contagem de imagens e vídeos. Seu título e sua legenda ainda podem aparecer; na prévia, há uma indicação do lugar da imagem.

Dicas

• Preencha a legenda de cada item com uma informação que ajude a entender a foto ou o vídeo.
• Use Grade para deixar todos os itens visíveis, ou Slide para percorrer uma faixa de imagens.
• Confira a prévia no computador e no celular; a quantidade que cabe lado a lado depende da largura da tela.
• Antes de considerar a página pronta, abra uma imagem e um vídeo e confira títulos, legendas e navegação.

Controle de Mudanças

Notas adicionais

As imagens usam as telas reais do NetCorp em um ambiente local. As fotos, o vídeo e os textos são exemplos fictícios, não dados de um cliente. Os números vermelhos foram acrescentados às figuras e não aparecem no site nem no painel.

Contato de suporte: a preencher.

Referências

• NetCorp — bloco Galeria do site e editor de páginas do painel.
• Informativo: Mídia (capítulo Painel administrativo).