Créateur de contenu

Aperçu

Lors de la création et de la modification de cours, la plateforme propose un éditeur intégré qui permet aux formateurs, aux enseignants et aux administrateurs de créer du contenu directement dans les cours, avec du texte formaté, des images, des pièces jointes et des liens.

L'éditeur permet également aux utilisateurs de mettre en forme les pages de contenu à l'aide de colonnes et de grilles, et d'ajouter des widgets interactifs tels que des accordéons, des boîtes à bascule, etc.

L'éditeur de cours intégré est accessible depuis les sections du cours. Cet article vous expliquera comment accéder aux différents éléments de l'éditeur et les utiliser pour créer un contenu pédagogique attrayant et esthétique.

Veuillez noter que la plateforme commerciale utilise par défaut le terme « cours » et la plateforme académique le terme « classe » . Dans cet article, les termes « cours » et « classe » sont interchangeables.

Accéder à l'éditeur

L'éditeur s'affiche chaque fois que vous modifiez une page au sein d'un cours.

Pour accéder à l'éditeur dans un cours existant :

Accéder à un cours existant.
Cliquez sur un module/une leçon.
Cliquez sur Ajouter une section pour ajouter une nouvelle section (ou sélectionnez une section existante).
Cliquez sur la page .
Ajoutez un titre à la page.
Cliquez sur Enregistrer .
Cliquez sur Modifier .

Pour savoir comment créer un nouveau cours, consultez la section « Ajouter un cours » de l’article « Cours et classes pour les enseignants » .

Cours, module, section de page avec le bouton Modifier mis en évidence

La page Modifier s'affiche, composée de plusieurs menus et outils :

Menu supérieur : Le menu supérieur vous permet de modifier le titre de la section, de basculer entre le mode d’affichage Éditeur et Aperçu , et d’enregistrer ou d’annuler vos modifications.

Par défaut, la page s'affiche en mode Éditeur , ce qui vous permet de modifier le contenu. Pour prévisualiser le contenu avant de l'enregistrer, cliquez sur Aperçu .

Le menu Créateur de contenu : Ce menu s’affiche à gauche de l’éditeur. Il vous permet de glisser-déposer des mises en page et des widgets de contenu sur la page. Ces mises en page et widgets seront présentés plus en détail dans cet article.

Notez que le menu du générateur de contenu peut être réduit et développé à l'aide de la flèche. Une icône située à côté du bouton « Plan » permet de disposer d'un espace supplémentaire pour créer du contenu sur la page.

La barre d'outils : La barre d'outils propose divers outils de mise en forme permettant de personnaliser le texte, d'ajouter des images, des liens, etc. Ses fonctionnalités seront détaillées dans cet article.
La page ou le canevas : Le canevas est l’endroit où vous ajoutez du texte, des images et des widgets pour créer le contenu de votre page.

Veuillez noter que le nouvel éditeur avec générateur de contenu ne sera disponible qu'à partir du 1er avril 2026.

Menu du générateur de contenu

Le menu Créateur de contenu vous permet d'ajouter des widgets de mise en page et de contenu à votre zone de travail. Ce menu est composé de trois sections :

Mode Créateur de contenu : Le menu Créateur de contenu affiche par défaut l’option Widgets , qui vous permet de sélectionner des widgets de mise en page et de contenu à ajouter à votre zone de travail. Une fois les widgets ajoutés, cliquez sur Plan pour visualiser leur ordre. L’onglet Plan vous permet de les réorganiser facilement et rapidement.
Mise en page : La section Mise en page comprend un widget Grille et un widget Colonnes . Ces widgets vous permettent d’ajouter une grille ou un ensemble de colonnes modifiables à votre contenu.
Contenu : La section Contenu comprend divers widgets permettant d’ajouter de l’interactivité et un intérêt visuel à votre contenu, tels que des accordéons , des onglets , des cartes , etc. Vous pouvez ajouter n’importe quel widget de contenu à la zone de travail pour commencer à le personnaliser avec votre contenu pédagogique. De plus, n’importe quel widget de contenu peut être placé dans un widget de mise en page . Par exemple, vous pouvez ajouter un widget Flipbox à chaque section d’une colonne pour créer une rangée d’interactions Flipbox.

Menu du générateur de contenu avec les sections Mode, Mise en page et Contenu mises en évidence

Mise en page : Grille

La section Mise en page comprend deux widgets : Grille et Colonnes . Pour créer une grille personnalisable sur votre zone de travail :

Placez votre curseur sur la zone de dessin et cliquez sur le bouton Grille .
Vous pouvez également glisser-déposer le widget Grille sur le canevas.

Section de cours, module ou page en mode édition, avec le widget Grille mis en surbrillance et une flèche pointant vers la zone de travail où le widget Grille est affiché.

Le widget Grille affiche par défaut deux colonnes et deux lignes.

Utilisez les menus déroulants Colonnes et Lignes pour définir la disposition de la grille. Vous pouvez sélectionner jusqu'à quatre colonnes et quatre lignes.
Vous pouvez ajuster l'espacement entre les colonnes et les lignes à l'aide du menu déroulant Espacement . Choisissez entre Petit , Moyen , Grand et Très Grand .
L' alignement vertical Ce bouton vous permet de choisir entre un alignement vertical en haut, au centre ou en bas pour le texte et les images dans une section de grille.
Cliquez sur Ajouter une ligne pour ajouter une ligne supplémentaire, jusqu'à quatre lignes.
Cliquez sur Ajouter une colonne pour ajouter une colonne supplémentaire, jusqu'à quatre colonnes.
Cliquez sur Supprimer la ligne ou Supprimer la colonne pour supprimer une ligne ou une colonne.

Pour ajouter du contenu dans une grille :

Cliquez dans une section de la grille pour commencer à ajouter du contenu.
Utilisez la barre d'outils pour mettre en forme votre texte et ajouter des images, des liens ou même des vidéos.

Notez que la barre d'outils est traitée en détail plus loin dans cet article.

Vous pouvez ajouter des widgets de contenu dans une section de grille.

Par exemple, vous pouvez placer une boîte à bascule dans chaque section d'une grille.

Vous pouvez cliquer sur Aperçu à tout moment pour prévisualiser votre contenu.

Cliquez sur Éditeur pour revenir au mode édition.

Cours, module, section de page en mode édition avec le menu Grille et une section de grille mise en évidence sur le canevas

Disposition : Colonnes

Pour créer des colonnes personnalisables sur votre page :

Placez votre curseur sur la zone de dessin et cliquez sur le bouton Colonne .
Vous pouvez également glisser-déposer le widget Colonne sur le canevas.

Section de cours, module ou page en mode édition, avec le widget Colonnes mis en surbrillance et une flèche pointant vers la zone de travail où le widget Colonnes est affiché.

Le widget Colonne affiche deux colonnes par défaut.

Utilisez le menu déroulant Colonnes pour sélectionner le nombre de colonnes. Vous pouvez sélectionner jusqu'à quatre colonnes.
Vous pouvez ajuster l'espacement entre les colonnes à l'aide du menu déroulant Espacement . Choisissez entre Petit , Moyen , Grand et Très Grand .
Utilisez le menu déroulant Direction pour créer des colonnes horizontales ou verticales .
L' alignement vertical Ce bouton vous permet de choisir entre un alignement vertical en haut, au centre ou en bas pour le texte et les images dans une colonne.
Cliquez sur Ajouter une colonne pour ajouter une colonne supplémentaire, jusqu'à quatre colonnes.
Cliquez sur Supprimer la colonne pour supprimer une colonne.

Pour ajouter du contenu dans une colonne :

Cliquez dans une colonne pour commencer à ajouter du contenu.
Utilisez la barre d'outils pour mettre en forme votre texte et ajouter des images, des liens ou même des vidéos.

La barre d'outils est présentée en détail plus loin dans cet article.

Vous pouvez ajouter des widgets de contenu dans une colonne.

Par exemple, vous pouvez placer un widget Carte dans une colonne.

Vous pouvez cliquer sur Aperçu à tout moment pour prévisualiser votre contenu.

Cliquez sur Éditeur pour revenir au mode édition.

Section de cours, de module ou de page en mode édition avec le menu Colonnes et les sections Colonnes mises en évidence sur le canevas

Widgets de contenu

La section Contenu comprend six widgets : Accordéon, Onglets, Carte, Texte en surbrillance, Citation et Boîte à rabat. Pour ajouter un widget à votre zone de travail :

Placez votre curseur sur la zone de dessin et cliquez sur un widget de contenu.
Ou bien, faites glisser et déposez le widget de contenu sur le canevas.
Vous pouvez empiler plusieurs widgets de contenu sur le canevas.
Vous pouvez également placer n'importe quel widget de contenu dans une section Grille ou Colonne .

Par exemple, si vous souhaitez regrouper des boîtes à bascule, vous pouvez d'abord ajouter une grille , puis placer des widgets Boîte à bascule dans chaque section de la grille.

Section de cours, module ou page en mode édition, avec les widgets de contenu mis en évidence et des flèches pointant vers la zone de dessin où des widgets Accordéon, Carte et Onglets ont été ajoutés.

Une fois les widgets ajoutés à la zone de dessin, ils peuvent être déplacés et réorganisés de différentes manières. Pour réorganiser les widgets :

Cliquez sur « Plan » dans le menu du générateur de contenu pour afficher la liste des widgets actuellement ajoutés au canevas.

Utilisez les flèches haut et bas sur les widgets listés pour réorganiser ces derniers sur le canevas.

Chaque widget sur le canevas possède également un petit menu dans le coin supérieur droit du widget.

Utilisez les flèches haut et bas pour réorganiser le widget sur le canevas.

Vous pouvez également glisser-déposer des widgets sur le canevas en cliquant et en maintenant le bouton de réorganisation enfoncé. icône située à gauche d'un widget, puis glisser le widget vers un nouvel emplacement.

Cours, module, section de page en mode édition avec le bouton Plan, les flèches d'ordre, l'icône de réorganisation et le menu Accordéon mis en évidence

Tout widget de la page peut être supprimé ou dupliqué. Pour supprimer ou dupliquer un widget :

Cliquez sur l'icône à trois points située dans le coin supérieur droit d'un widget pour afficher un petit menu.
Cliquez sur Supprimer pour supprimer le widget.
Cliquez sur Dupliquer pour dupliquer le widget. Tout contenu ajouté au widget sera inclus dans le widget dupliqué.

Menu accordéon sur la zone de travail avec l'icône de menu à trois points mise en évidence

Widget de contenu : Accordéon

L' accordéon est un widget interactif qui empile des sections de contenu et permet aux utilisateurs de développer et de réduire chaque section à la demande. Chaque section possède un en-tête cliquable qui en révèle le contenu. Pour ajouter un accordéon à la zone de dessin :

Placez votre curseur sur la zone de dessin et cliquez sur Accordéon , ou faites glisser et déposez le widget Accordéon depuis le menu du générateur de contenu vers la zone de dessin.

Par défaut, l' accordéon affiche deux sections, chacune comportant un en-tête et une section de contenu. Pour configurer un accordéon :

Cliquez directement sur le texte d'espace réservé à l'en-tête pour modifier ce texte.
Cliquez sur le titre pour développer la section et afficher son contenu.
Cliquez directement sur le texte d'espace réservé au contenu pour le modifier. Vous pouvez utiliser la barre d'outils pour ajouter des images, des liens ou des vidéos à la section de contenu.
Cliquez sur « Ajouter un élément » pour ajouter une section supplémentaire. Vous pouvez ajouter jusqu'à dix sections accordéon.
Cliquez sur « Supprimer l'élément » pour supprimer une section.

Veuillez noter que lorsque les apprenants consultent votre contenu, toutes les sections d'accordéon seront fermées par défaut.

Cours, module, section de page en mode édition avec un exemple de widget Accordéon sur le canevas

Widget de contenu : Onglets

Le widget Onglets est un widget interactif qui organise le contenu associé en vues distinctes (onglets), permettant aux utilisateurs de passer d'un onglet à l'autre sans quitter le widget. Pour ajouter un widget Onglets à la zone de travail :

Placez votre curseur sur le canevas et cliquez sur Onglets , ou faites glisser et déposez le widget Onglets depuis le menu du générateur de contenu vers le canevas.

Par défaut, trois onglets sont affichés dans le widget, chacun comportant un titre et une section de contenu. Pour configurer le widget Onglets :

Cliquez directement sur le texte d'espace réservé au titre de l'onglet pour modifier le texte du titre de l'onglet.

Notez que la couleur du texte du titre de l'onglet correspond à la couleur d'accentuation principale de votre plateforme.

Cliquez directement sur le texte d'espace réservé au contenu de l'onglet pour le modifier. Vous pouvez utiliser la barre d'outils pour ajouter des images, des liens ou des vidéos au contenu de l'onglet.
Cliquez sur un autre onglet. pour accéder à l'onglet permettant de modifier le titre et le contenu.
Cliquez sur « Ajouter un onglet » pour ajouter un onglet supplémentaire. Vous pouvez ajouter jusqu'à huit onglets.
Cliquez sur « Supprimer l'onglet » pour supprimer un onglet.

Section de cours, module ou page en mode édition avec un exemple de widget Onglets sur le canevas

Widget de contenu : Carte

Le widget Carte est un conteneur qui applique une mise en forme intégrée pour mettre en valeur le contenu. Il comprend un en-tête et un contenu. La couleur d'accentuation principale de votre plateforme s'affiche à gauche du conteneur. Pour ajouter un widget Carte à la zone de travail :

Placez votre curseur sur la zone de dessin et cliquez sur Carte , ou faites glisser et déposez le widget Carte depuis le menu du générateur de contenu vers la zone de dessin.

Par défaut, un texte d'espace réservé s'affiche dans le widget Carte . Pour configurer le widget Carte :

Cliquez directement sur le texte d'espace réservé à l'en-tête de la carte pour modifier ce texte.
Cliquez directement sur le texte d'espace réservé au contenu de la carte pour le modifier. Vous pouvez utiliser la barre d'outils pour ajouter des images, des liens ou des vidéos au contenu de la carte.

Section Cours, Module, page en mode édition avec un exemple de widget Carte sur le canevas

Widget de contenu : Texte d'appel

Le widget Texte d'annotation propose quatre formats prédéfinis pour mettre en évidence différents types de contenu : Conseil , Note , Avertissement et Exemple . Pour ajouter un widget Texte d'annotation à votre zone de travail :

Placez votre curseur sur la zone de dessin et cliquez sur Texte d'appel , ou faites glisser et déposez le widget Texte d'appel depuis le menu du générateur de contenu vers la zone de dessin.

Par défaut, un texte d'espace réservé s'affiche dans le widget Texte d'appel . Pour configurer le widget Texte d'appel :

Sélectionnez un type d'annotation dans la liste déroulante Type . Les options incluent Conseil , Note , Avertissement et Exemple .

Le type de légende que vous sélectionnez déterminera la couleur du contour et de l'arrière-plan du widget.

Cliquez directement sur le texte d'exemple de la bulle de texte pour le modifier. Vous pouvez utiliser la barre d'outils pour ajouter des images, des liens ou des vidéos à la bulle de texte.

Section de cours, module ou page en mode édition, avec un exemple de widget Texte d'appel sur la zone de dessin, le menu Type étant actif et mis en surbrillance.

Widget de contenu : Citation

Le widget Citation propose trois formats de citation prédéfinis : Classique, Moderne et Minimaliste . Pour ajouter un widget Citation à votre contenu :

Placez votre curseur sur la zone de dessin et cliquez sur Citation , ou faites glisser et déposez le widget Citation depuis le menu du générateur de contenu vers la zone de dessin.

Par défaut, un texte d'espace réservé s'affiche dans le widget Citation. Pour configurer le widget Citation :

Sélectionnez un type de citation dans le menu déroulant Type . Les options incluent Classique, Moderne et Minimaliste .

Le type de citation que vous sélectionnez déterminera la mise en forme du widget de citation.

Cliquez directement sur le texte de l'espace réservé à la citation Pour modifier le texte, utilisez la barre d'outils afin d'ajouter des images, des liens ou des vidéos au widget de citation.
Cliquez directement sur le texte d'espace réservé à la source de la citation pour modifier cette source.

Section de cours, module ou page en mode édition avec un exemple de widget Citation sur le canevas, le menu Style étant actif et mis en surbrillance.

Widget de contenu : Flip Box

Le widget Flip Box est une carte interactive recto-verso qui se retourne lorsqu'on clique dessus. Les Flip Box sont idéales pour les flashcards et les questions-réponses. Pour ajouter un widget Flip Box à la zone de travail :

Placez votre curseur sur la zone de travail et cliquez sur Flip Box , ou faites glisser et déposez le Flip Box. Ajouter le widget du menu du générateur de contenu au canevas.

Par défaut, le recto du widget Flip Box s'affiche avec un texte d'espace réservé. Pour configurer le widget Flip Box :

Cliquez sur « Modifier le recto » ou directement sur le texte d'espace réservé de la zone de retournement pour modifier le texte au recto de la carte. Vous pouvez utiliser la barre d'outils pour ajouter des images, des liens ou des vidéos à la carte.
Cliquez sur « Modifier au verso » pour modifier le texte au verso de la carte. Vous pouvez utiliser la barre d’outils pour ajouter des images, des liens ou des vidéos à la carte.
Cliquez sur Retourner pour retourner la carte à tout moment pendant la modification du contenu.
Cliquez sur le menu déroulant Forme pour choisir entre une boîte à retourner carrée ou rectangulaire .

Section de cours, module ou page en mode édition avec un exemple de widget Flip Box sur le canevas

Le menu de la barre d'outils

La barre d'outils comprend une barre de menus et des icônes permettant de modifier le contenu de la page et des widgets. Elle est également appelée éditeur HTML. Pour en savoir plus, consultez l'article sur l'éditeur HTML .

Cours, module, section de page en mode édition avec la barre d'outils mise en évidence

Créateur de contenu pédagogique CYHPER