Passer au contenu principal

🎨 Ajouter et personnaliser des blocs de contenus

L'interface de conception propose 9 types de blocs pour construire des contenus variés et engageants. Voici à quoi chacun correspond et comment les personnaliser.

Écrit par Océane

⏱️ L'essentiel en 3 minutes
​
• 9 blocs disponibles : Texte, Liste, Image, Dialogue, Vidéo, Audio, Document, Intégration, Analyse d'image.
• 4 options de personnalisable : Layout, Contenu, Style, Format.
• L'ordre des blocs peut être réorganisé à tout moment via les flèches directionnelles.


🧠 Comprendre l'enjeu des blocs de contenu

Varier les formats maintient l'attention et adapte la présentation à la nature du contenu : une procédure se montre mieux en vidéo, un échange en dialogue, une donnée chiffrée en texte structuré. Le choix du bon bloc est en soi une décision pédagogique.


📄 Texte

Ajoutez des paragraphes, titres ou listes pour transmettre une information écrite. Idéal pour expliquer un concept, introduire un sujet ou guider l'apprenant.

ℹ️ Depuis le layout, 12 dispositions sont disponibles : Paragraphe avec titre, Paragraphe avec sous-titre, Paragraphe, Image & paragraphe avec titre, Image & paragraphe avec sous-titre, Image & paragraphe, Image, Statement (texte mis en avant, style citation), Titre, Sous-titre, Colonnes (1 à 4 colonnes), Colonnes + Image.

Layout

Options Format supplémentaires (via l'icône 📏 visible au survol du bloc)

Paragraphe avec titre / sous-titre / Paragraphe

-

Image & paragraphe (3 variantes)

Position de l’image (gauche ou droite) · Taille d’image (S / M / L)

Image

Taille d’image (S / M / L)

Statement

-

Titre / Sous-titre

-

Colonnes

Nombre de colonnes

Colonnes + Image

Nombre de colonnes


📋 Liste

Structurez une information sous forme de liste pour en faciliter la lecture et la mémorisation.

Sept formats sont disponibles depuis le layout : Numérotée, Puces, Accordéon, Onglets, Timeline, Étapes.

Contenu du bloc par layout :

Layout

Titre / en-tête

Contenu

Image

Numérotée

-

Texte enrichi

Non

Puces

-

Texte enrichi (style de puce au choix : point, coche, croix, flèche, étoile, alerte)

Non

Accordéon

Texte enrichi (affiché en gras et en grand)

Texte enrichi (dépliable)

Non

Onglets

Texte seul (toute mise en forme disparaît à l’affichage, titre en majuscules)

Texte enrichi

Non

Timeline

Texte enrichi sans listes ni liens (affiché comme “date”)

Texte enrichi

Non

Étapes

Texte enrichi sans listes ni liens (masqué s’il est vide)

Texte enrichi

Non

Cartes à retourner

Texte enrichi (recto, affiché en gras et majuscules)

Texte enrichi (verso)

Oui (recto et verso)

ℹ️ Par “texte enrichi” : gras, italique, souligné, barré, couleurs, surlignage, alignement, listes, liens, formules mathématiques. Dans le panneau “Éditer le contenu”, la barre d’outils complète est toujours affichée pour le champ Titre, mais selon le layout, certaines mises en forme n’apparaissent pas à l’affichage (notamment pour Onglets, Timeline et Étapes). Préférez la mise en forme riche dans le champ Contenu/Description.

💡 Le bloc Liste affiche 3 items par défaut à titre d'exemple, vous pouvez néanmoins ajouter autant d'items que souhaité. Pour en ajouter, cliquez sur "Contenu" au survol en haut à gauche du bloc, puis sur "Ajouter un item".

Options disponibles dans la fonction "format", par layout :

Layout

Options Format supplémentaires (via l'icône 📏 visible au survol du bloc)

Numérotée

Style de numérotation (Chiffres / Lettres)

Puces

Style de puce (Rond, Check, Croix, Flèche, Étoile, Attention)

Timeline

Interrupteur “Timeline centrée”

Accordéon / Onglets / Étapes

-

Cartes à retourner

-

ℹ️ Les marges verticales (XS / S / M / L) et les marges horizontales (Petite / Moyenne / Grande) sont disponibles sur tous les layouts de ce bloc.


🖼️ Image

Importez une illustration, une infographie, un schéma ou une photo. Utile pour appuyer visuellement un message ou représenter un processus.


💬 Dialogue

Intégrez une mise en situation sous forme de conversation entre deux personnages. Permet de contextualiser un apprentissage dans un échange réaliste.


🎥 Vidéo

Ajoutez une vidéo informative ou démonstrative en important un fichier (ex : .mp4). Efficace pour dynamiser le contenu ou illustrer une démarche.


🔊 Audio

Permettez à l'apprenant d'écouter un contenu sonore. Particulièrement utile pour les formations linguistiques, les podcasts ou les témoignages.


📑 Document

Intégrez un document pour permettre à l'apprenant de le consulter ou le télécharger. Pratique pour fournir un support complémentaire ou un guide de référence.


🔗 Intégration

Ajoutez du contenu intégré depuis une source externe : carte interactive, outil tiers, vidéo YouTube, etc.


🔍 Analyse d'image

Ajoutez une image que l'apprenant pourra explorer via un zoom interactif. Idéal pour analyser une carte, une maquette ou tout visuel complexe.

ℹ️ Deux dispositions sont disponibles depuis le layout : Analyse guidée (par défaut, les zones se révèlent au fil du défilement) et Exploration libre (l’apprenant clique sur des repères pour révéler chaque zone). Dans les deux cas, vous pouvez régler l’affichage des zones (repères ou zones entières) et la position du texte (en dessous ou à droite).


⚙️ Les options de personnalisation par bloc

Dans l'éditeur d'un granule d'exercice, survolez un bloc pour faire apparaître les icônes de personnalisation en haut à gauche.

💡 Seuls les blocs Dialogue, Intégration et Média (Audio, Vidéo, Document) ne proposent pas de choix de disposition (layout).

  • ✏️ Contenu : modifie les textes et éléments affichés dans le bloc.

  • 🈁 Layout : ajuste la mise en page d'un bloc texte, liste ou image (disposition du contenu à l'intérieur du bloc)

  • 🎨 Style : change la couleur d'arrière-plan du bloc pour améliorer le contraste ou distinguer visuellement des sections.

  • 📏 Format : ajuste les marges et la taille des images (XS, S, M, L).

    ℹ️ Les options de Format ne sont disponibles que dans la langue principale du contenu. Elles sont masquées lorsque vous éditez une traduction.


🔀 Réorganiser l'ordre des blocs

Utilisez les flèches directionnelles situées à droite de chaque bloc pour les déplacer vers le haut ou vers le bas. Cela vous permet de retravailler la logique de présentation sans recréer les éléments.


Mots clés : modes de l'éditeur de granule, vidéo, histoire courte, analyse d'image

Avez-vous trouvé la réponse à votre question ?