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
  • Acompanhe o passo a passo do cadastro e veja exemplos no final:
  • Exemplos de cards do tipo "Imagem":
  1. Conteúdo
  2. Estrutura e Conteúdos
  3. Cards

Imagem

Card utilizado para colocar imagens e/ou textos na plataforma.

PreviousCardsNextDefault

Last updated 3 months ago

Esse tipo de card simplifica a estrutura do LMS, permitindo basicamente o cadastro de uma imagem simples (com um card).

Acompanhe o passo a passo do cadastro e veja exemplos no final:

Para adicionar um card do tipo "Imagem", entre no módulo que deseja incluir o card e clique em “Adicionar Card’’

Em tipo de card selecione “Imagem’’

Informe o nome do card - O campo "Nome do Card" é para uso interno (facilitar a organização).

Informe o peso do card de acordo com a lógica de pontuação desejada

Adicione os textos relacionados a esse card para serem usados na busca da plataforma

Selecione a imagem desejada. O tamanho indicado é 1080x1920 pixels no formato jpg.

  • O tamanho da imagem será sempre com largura 100%, para preencher todo o Card.

  • Caso a altura da imagem passe do container, a aplicação adicionará um scroll automaticamente.

  • Se a imagem for menor que o container, ela será centralizada ao meio.

Ao final, clique no botão “Salvar” para gravar todas 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.

Exemplos de cards do tipo "Imagem":


© 2025 Grano Edtech LTDA. Todos os direitos reservados.

📒
📱
🌅