docs.grano.app
Visite nosso siteInstagramLinkedIn
  • 👋Bem-vindo à Grano
  • Visão Geral
    • 🎯Microlearning
    • 💰Planos e Assinaturas
    • 📱Web app
    • 📞Canais de atendimento
    • ❓Dúvidas Frequentes
  • Conceitos Básicos
    • 🤝Usuários e Conteúdos
    • 📶Progresso
    • 🔓Cadeados
    • 🎮Pontuação
    • 🔍Busca
  • Conteúdo
    • 👩‍💻LMS
      • 💻Acessando o LMS
      • 🏠Home
      • 📊Dashboard
      • 📂Relatórios
      • 👤Usuários
      • 📧Fale Conosco
      • ⚒️Ferramentas
      • 🪄Setup do cliente
        • ⚙️Parâmetros Gerais
        • 🖌️Temas
        • ✉️E-mails do Sistema
        • ⁉️FAQs
        • 📑LGPD - Textos
        • 🚩Inscrição vs. Tags
        • 💻Landing Page
        • 👥Usuários Administrativos
    • 📒Estrutura e Conteúdos
      • 🔠Treinamentos
      • 🗂️Módulos
      • 📱Cards
        • 🌅Imagem
        • ✅Default
        • ➡️Share
        • 📲Embed
        • 🎥Vídeo
        • 📽️Vídeo - Com faixas
        • ⁉️Pergunta/Resposta (Quiz)
        • ✍️Pergunta com Resposta em Texto
        • ❔Quiz com imagens
        • 🎙️Podcast
        • 🎼Lista de sons
        • 🎵Som - Efeitos
        • 🖼️Lista de imagens
      • 🚩Trilhas
      • 🏠Categorias > Pré-Home
      • 🏷️Tags
      • 🏅Badges e Certificados
      • 📥Downloads
    • ✍️Produção de Conteúdo
      • 💊Divisão do conteúdo na plataforma
      • ℹ️Dicas de microlearning
  • VERSÕES
    • 🔵Versão 3.0
    • 🟧Versão 2.9
    • ⬛Versão 2.8
    • ⬜Versão 2.7
    • 🟩Versão 2.6
    • 🟫Versão 2.5
    • 🟪Versão 2.4
    • 🟨Versão 2.3
    • 🟥Versão 2.2
    • 🟦Versão 2.1
    • 🟧Versão 2.0
Powered by GitBook
On this page
  • Estrutura Geral
  • Imagens do "tipo" Vídeo:
  • Imagens do "tipo" URL:
  • Como fica esse tipo de card?
  1. Conteúdo
  2. Estrutura e Conteúdos
  3. Cards

Lista de imagens

Card que suporta "n" imagens, cada uma com cliques independentes (para links externos ou embed de vídeos)

PreviousSom - EfeitosNextTrilhas

Last updated 3 months ago

Suporta as mesmas funcionalidades do card , porém com as especificidades a seguir apresentadas para configurar uma lista de imagens.

Estrutura Geral

Após parametrizar os demais aspectos do card:

  • Escolha em quantas colunas você ter exibir as imagens do card:

Campo de "Quantidade de Colunas"
  • No bloco "Lista de Imagens" você poderá acionar quantas imagens quiser; para tal, para clicar no botão "Adicionar Imagem".

  • Você poderá tipificar cada imagem no campo "Tipo".

Imagens do "tipo" Vídeo:

  • Preencher o campo Título (opcional).

  • Preencher o campo Texto (opcional).

  • Fazer upload da imagem no campo Thumb (tamanho recomendado: 500x500 pixels)

  • URL do Vídeo (suportado: YouTube, Facebook, Twitch e Vimeo).

  • Por fim, clique em Salvar imagem para gravar o item na sua lista.

Imagens do "tipo" URL:

  • Fazer upload da imagem no campo Thumb (tamanho recomendado: 500x500 pixels)

  • Link do conteúdo (suportado: qualquer link -- um site, formulário, Google Drive, etc.).

  • Por fim, clique em Salvar imagem para gravar o item na sua lista.

Após adicionar todas as imagens desejadas para fazer a sua lista, clique no botão “Salvar” para gravar as informações editadas.

Na Grano, é necessário que você fique atento aos tamanhos dos arquivos e mídias no momento de fazer o cadastro dos cards. Cards imagem = até 800 KB Gifs e Vídeos que são cadastrados direto na plataforma = até 200KB - Esse peso não se aplica para vídeos que serão hospedados em outras ferramentas (Vimeo, Youtube, etc) Sons = até 10 MB Lembre-se: arquivos mais leves são preferíveis. Eles contribuem para o desempenho otimizado da plataforma e aprimoram a experiência do usuário. Antes de fazer o upload, confira o tamanho dos arquivos que você planeja enviar e realize os ajustes necessários. Se precisar reduzir o tamanho de um arquivo, ferramentas de compressão online gratuitas podem ser uma solução útil.

Como fica esse tipo de card?

Exemplo de card com background (uma cor), título e texto preenchidos; configuração de 2 colunas e adição de 3 imagens na lista: violão, bateria e guitarra.

Imagens do violão e da guitarra apresentam um ícone de vídeo. Ao clicar, abre um vídeo embed do Youtube, incluindo o Título e o Texto.

Imagem da bateria apresenta um ícone de link; ao clicar, abre uma página externa.


© 2025 Grano Edtech LTDA. Todos os direitos reservados.

Campo "Tipo"

Vídeo fulscreen - Título "Vídeo YouTube" e texto
📒
📱
🖼️
Default