# Informativo: Bloco Galeria

<article id="bkmrk-conte%C3%BAdo-o-bloco-gal"><section>#### 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

![Bloco Galeria no site com título, contagem de imagens e vídeos e seis itens em grade, três por linha, numerados de 1 a 7](https://oraculo.gk2.cloud/uploads/images/gallery/2026-11/1yV07-galeria-site.png)

**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

![Janela ampliada da Galeria com posição 1 / 6, botão Fechar, imagem, setas para os lados, título e legenda, numerados de 1 a 6](https://oraculo.gk2.cloud/uploads/images/gallery/2026-11/y3E07-galeria-ampliada.png)

**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

![Opções do bloco Galeria no editor: Itens por vez, Layout, Fundo, Título, lista Itens com contador, um item e Adicionar, numerados de 1 a 7](https://oraculo.gk2.cloud/uploads/images/gallery/2026-11/Bxo07-galeria-opcoes.png)

**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

![Item da Galeria aberto no editor com cabeçalho, setas, X, imagem, botões Biblioteca, Enviar arquivo e Remover, Título e Legenda, numerados de 1 a 7](https://oraculo.gk2.cloud/uploads/images/gallery/2026-11/CmD07-galeria-item.png)

**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.

</section><section>---

#### 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.

</section><section>---

#### Controle de Mudanças

<details><summary>Informações de controle de versão</summary>

- **Última revisão:** a preencher
- **Próxima revisão:** a preencher
- **Autor:** a preencher
- **Revisor:** a preencher
- **Versão:** a preencher

</details></section><section>---

#### 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**.

</section><section>---

#### Referências

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

</section></article>