Skip to main content

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

OBloco 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

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

    Título — o título da seção apareceseção, acima dos itens,itens. Só aparece quando preenchido. AoContagem lado, aparece— a quantidade de imagens e vídeos com arquivo selecionado, como “3 imagens · 1 vídeo”. CadaMiniatura item— mostra suaa imagem ou o vídeo e,do abaixo,item. Ao clicar, o títulovisitante eabre a legendajanela preenchidos.ampliada

    Os(Figura 2).

    Ícone de ampliar — indica que a imagem abre maior ao ser clicada. Duração do vídeo — os vídeos mostram uma miniatura e sua duração, quando o navegador consegue ler essa informação. Título do item — aparece abaixo da miniatura, quando preenchido. 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

    Figura 2 — A primeira imagem aberta na janela ampliada.

      Posição — o número do item e o total, como “1 / 6”. Fechar — fecha a janela. A tecla Esc também fecha. Imagem ou vídeo — o arquivo em tamanho maior. Na janela ampliada, o vídeo tem controles de reprodução.

      A

      Setas janela— ampliada mostra o título, a legenda e a posição do item, como “1 / 4”. Use as setas para trocartrocam de item e o botão Fechar para sair.item. Com apenas um arquivo, as setas dessa janela não aparecem. ATítulo tecla— Esco tambémtítulo fechado item. Legenda — a janela;legenda aodo fechá-laitem.

      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

      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.galeria (Figura 1, item 1). Sem preenchimento, esse título não aparece.
      5. Itens — a lista de fotos e vídeos,vídeos come, aténo canto, quantos existem do máximo de 24 itens.
      CadaItem — cada linha é uma foto ou um vídeo, com o número e o título. Clicar abre os campos (Figura 4). Adicionar — cria um item temnovo osno trêsfim camposda descritos em “Campos de cada item”.lista.
      Opções de Layout
      • Grade (lado a lado, tudo visível) — mostra todos os itens, distribuídos em linhas.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

      Figura 4 — Um item aberto para editar.

        Cabeçalho do item — o número e o título do item. Clicar abre ou fecha o item. Setas — ↑ e ↓ mudam a ordem dos itens. X — tira o item do bloco. Imagem ou vídeo — selecione o arquivo.arquivo escolhido. A Galeria exibe vídeos nos formatos MP4 e WebM. Biblioteca, Enviar arquivo e Remover — escolha um arquivo da Mídia, envie um arquivo novo ou tire o arquivo do item. Título — aparece abaixo da miniatura e na janela ampliada. 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

        Informações de controle de versão
        • Última revisão: a preencher
        • Próxima revisão: a preencher
        • Autor: a preencher
        • Revisor: a preencher
        • Versão: a preencher

        Notas adicionais

        ConteúdoAs conferidoimagens nousam código.as Pendentes: capturastelas reais do blocoNetCorp 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,site dos camposnem no editor e da janela ampliada, com a conferência visual no ambiente disponibilizado.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).
        Back to top