{"id":24626,"date":"2026-09-03T03:01:40","date_gmt":"2026-09-03T01:01:40","guid":{"rendered":"https:\/\/help.mapal-os.com\/?p=24626"},"modified":"2026-09-03T03:17:21","modified_gmt":"2026-09-03T01:17:21","slug":"ajouter-et-modifier-des-tuiles-dans-studio","status":"publish","type":"post","link":"https:\/\/help.mapal-os.com\/fr\/flow-learning-fr\/apprentissage-et-developpement\/studio-2\/ajouter-et-modifier-des-tuiles-dans-studio\/","title":{"rendered":"Ajouter et modifier des tuiles dans Studio"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><strong>Point de d\u00e9part :<\/strong> Une le\u00e7on ouverte dans l'\u00c9diteur.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Ajouter une tuile<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>S\u00e9lectionnez <strong>+ Ajouter une tuile<\/strong>.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"588\" src=\"https:\/\/help.mapal-os.com\/wp-content\/uploads\/2026\/09\/image-4.png\" alt=\"\" class=\"wp-image-24627\" srcset=\"https:\/\/help.mapal-os.com\/wp-content\/uploads\/2026\/09\/image-4.png 1024w, https:\/\/help.mapal-os.com\/wp-content\/uploads\/2026\/09\/image-4-300x172.png 300w, https:\/\/help.mapal-os.com\/wp-content\/uploads\/2026\/09\/image-4-768x441.png 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Le panneau <strong>Ajouter du contenu<\/strong> s'ouvre.<\/li>\n\n\n\n<li>Trouvez la tuile souhait\u00e9e :\n<ul class=\"wp-block-list\">\n<li>S\u00e9lectionnez <strong>Texte<\/strong>, <strong>Multim\u00e9dia<\/strong>, <strong>Question<\/strong> ou <strong>Interactif<\/strong> pour acc\u00e9der \u00e0 ce groupe.<\/li>\n\n\n\n<li>Saisissez un terme dans <strong>Rechercher des tuiles...<\/strong> pour trouver une tuile par son nom.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>S\u00e9lectionnez la tuile pour l'ajouter \u00e0 la page.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"586\" src=\"https:\/\/help.mapal-os.com\/wp-content\/uploads\/2026\/09\/image-5.png\" alt=\"\" class=\"wp-image-24628\" srcset=\"https:\/\/help.mapal-os.com\/wp-content\/uploads\/2026\/09\/image-5.png 1024w, https:\/\/help.mapal-os.com\/wp-content\/uploads\/2026\/09\/image-5-300x172.png 300w, https:\/\/help.mapal-os.com\/wp-content\/uploads\/2026\/09\/image-5-767x439.png 767w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Exp\u00e9rience<\/strong> et <strong>Vid\u00e9o<\/strong> sont accessibles directement depuis le panneau <strong>Ajouter du contenu<\/strong>, sous forme de raccourcis.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Modifier une tuile<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>S\u00e9lectionnez la tuile sur la page. Une barre d'outils appara\u00eet.<\/li>\n\n\n\n<li>S\u00e9lectionnez <strong>Modifier<\/strong> pour ouvrir le panneau de param\u00e8tres de la tuile. Les param\u00e8tres disponibles d\u00e9pendent du type de tuile.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"590\" src=\"https:\/\/help.mapal-os.com\/wp-content\/uploads\/2026\/09\/image-6.png\" alt=\"\" class=\"wp-image-24629\" srcset=\"https:\/\/help.mapal-os.com\/wp-content\/uploads\/2026\/09\/image-6.png 1024w, https:\/\/help.mapal-os.com\/wp-content\/uploads\/2026\/09\/image-6-300x173.png 300w, https:\/\/help.mapal-os.com\/wp-content\/uploads\/2026\/09\/image-6-767x442.png 767w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"584\" src=\"https:\/\/help.mapal-os.com\/wp-content\/uploads\/2026\/09\/image-7.png\" alt=\"\" class=\"wp-image-24630\" srcset=\"https:\/\/help.mapal-os.com\/wp-content\/uploads\/2026\/09\/image-7.png 1024w, https:\/\/help.mapal-os.com\/wp-content\/uploads\/2026\/09\/image-7-300x171.png 300w, https:\/\/help.mapal-os.com\/wp-content\/uploads\/2026\/09\/image-7-768x438.png 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>S\u00e9lectionnez la poign\u00e9e de d\u00e9placement pour faire glisser la tuile vers un nouvel emplacement.<\/li>\n\n\n\n<li>S\u00e9lectionnez le menu d'action (...) pour acc\u00e9der \u00e0 d'autres options.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Les tuiles sont plac\u00e9es dans des rang\u00e9es. S\u00e9lectionnez <strong>Modifier la rang\u00e9e<\/strong> dans la barre d'outils de la rang\u00e9e pour modifier les param\u00e8tres qui s'appliquent \u00e0 toutes les tuiles de cette rang\u00e9e.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Tuiles de texte<\/h2>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>Tuile<\/th><th>Utilisation<\/th><\/tr><\/thead><tbody><tr><td><strong>Texte<\/strong><\/td><td>Ajouter un paragraphe de texte.<\/td><\/tr><tr><td><strong>Titre<\/strong><\/td><td>Ajouter un titre.<\/td><\/tr><tr><td><strong>En-t\u00eate<\/strong><\/td><td>Ajouter un en-t\u00eate.<\/td><\/tr><tr><td><strong>Sous-titre<\/strong><\/td><td>Ajouter un sous-titre.<\/td><\/tr><tr><td><strong>Citation<\/strong><\/td><td>Ajouter une citation.<\/td><\/tr><tr><td><strong>Tableau<\/strong><\/td><td>Organiser des informations dans un tableau.<\/td><\/tr><tr><td><strong>Liste<\/strong><\/td><td>Ajouter une liste.<\/td><\/tr><tr><td><strong>Remarque<\/strong><\/td><td>Ajouter une remarque.<\/td><\/tr><tr><td><strong>Code<\/strong><\/td><td>Ajouter du code.<\/td><\/tr><tr><td><strong>Saut de ligne<\/strong><\/td><td>Ajouter un saut de ligne.<\/td><\/tr><tr><td><strong>Transition<\/strong><\/td><td>Ajouter une transition de couleur entre les rang\u00e9es.<\/td><\/tr><tr><td><strong>Espacement<\/strong><\/td><td>Ajouter un espace entre les tuiles.<\/td><\/tr><tr><td><strong>Marqueur de section<\/strong><\/td><td>Marquer le d\u00e9but d'une section.<\/td><\/tr><tr><td><strong>Chronologie<\/strong><\/td><td>Ajouter une chronologie.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Tuiles multim\u00e9dias<\/h2>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>Tuile<\/th><th>Utilisation<\/th><\/tr><\/thead><tbody><tr><td><strong>Image<\/strong><\/td><td>Ajouter une image.<\/td><\/tr><tr><td><strong>Comparaison d'images<\/strong><\/td><td>Comparer deux images \u00e0 l'aide d'un curseur d\u00e9pla\u00e7able.<\/td><\/tr><tr><td><strong>Carrousel d'images<\/strong><\/td><td>Ajouter un carrousel d'images.<\/td><\/tr><tr><td><strong>Vid\u00e9o<\/strong><\/td><td>Ajouter une vid\u00e9o.<\/td><\/tr><tr><td><strong>Audio<\/strong><\/td><td>Ajouter un contenu audio.<\/td><\/tr><tr><td><strong>T\u00e9l\u00e9chargement de fichier<\/strong><\/td><td>Ajouter un fichier que les apprenants peuvent t\u00e9l\u00e9charger.<\/td><\/tr><tr><td><strong>Code personnalis\u00e9<\/strong><\/td><td>Importer des fichiers .html ou .zip.<\/td><\/tr><tr><td><strong>Int\u00e9gration<\/strong><\/td><td>Int\u00e9grer du contenu externe.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Tuiles de question<\/h2>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>Tuile<\/th><th>Utilisation<\/th><\/tr><\/thead><tbody><tr><td><strong>Choix multiple<\/strong><\/td><td>Poser une question avec une seule bonne r\u00e9ponse.<\/td><\/tr><tr><td><strong>S\u00e9lection multiple<\/strong><\/td><td>Poser une question avec plusieurs bonnes r\u00e9ponses.<\/td><\/tr><tr><td><strong>R\u00e9ponse courte<\/strong><\/td><td>Poser une question \u00e0 laquelle l'apprenant r\u00e9pond avec ses propres mots.<\/td><\/tr><tr><td><strong>Classement<\/strong><\/td><td>Demander aux apprenants de classer des \u00e9l\u00e9ments.<\/td><\/tr><tr><td><strong>Association<\/strong><\/td><td>Demander aux apprenants d'associer des \u00e9l\u00e9ments par paires.<\/td><\/tr><tr><td><strong>Tri<\/strong><\/td><td>Demander aux apprenants de trier des \u00e9l\u00e9ments en groupes.<\/td><\/tr><tr><td><strong>Feedback<\/strong><\/td><td>Recueillir une note et des commentaires facultatifs.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Remarque :<\/strong> Les tuiles de question peuvent contribuer au score de la le\u00e7on. Voir <a href=\"https:\/\/help.mapal-os.com\/fr\/flow-learning-fr\/apprentissage-et-developpement\/studio-2\/parametres-de-completion-dans-studio\/\"><strong>Completion settings in Studio.<\/strong><\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Tuiles interactives<\/h2>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>Tuile<\/th><th>Utilisation<\/th><\/tr><\/thead><tbody><tr><td><strong>Boutons<\/strong><\/td><td>Ajouter des boutons de navigation et des liens. Chaque bouton peut utiliser sa propre couleur, d\u00e9finie sous <strong>Couleur<\/strong>.<\/td><\/tr><tr><td><strong>Accord\u00e9on<\/strong><\/td><td>Ajouter des sections d\u00e9pliables.<\/td><\/tr><tr><td><strong>Onglets<\/strong><\/td><td>Organiser des informations en sections group\u00e9es et d\u00e9pliables.<\/td><\/tr><tr><td><strong>Processus<\/strong><\/td><td>Pr\u00e9senter une s\u00e9quence d'\u00e9tapes ou de phases.<\/td><\/tr><tr><td><strong>Cartes m\u00e9moire<\/strong><\/td><td>Ajouter des cartes m\u00e9moire.<\/td><\/tr><tr><td><strong>Carrousel de cartes m\u00e9moire<\/strong><\/td><td>Ajouter un carrousel de cartes m\u00e9moire.<\/td><\/tr><tr><td><strong>Hot Button<\/strong><\/td><td>Ajouter un hot button.<\/td><\/tr><tr><td><strong>Graphique<\/strong><\/td><td>Ajouter un graphique.<\/td><\/tr><\/tbody><\/table><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Les tuiles sont les blocs de contenu qui composent chaque page d'une le\u00e7on Studio. Chaque \u00e9l\u00e9ment vu par l'apprenant, d'un paragraphe de texte \u00e0 une activit\u00e9 interactive, est une tuile. Cet article explique comment ajouter des tuiles \u00e0 une page, comment les modifier et \u00e0 quoi sert chaque type de tuile.<\/p>\n","protected":false},"author":251318858,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[132545],"tags":[],"class_list":["post-24626","post","type-post","status-publish","format-standard","hentry","category-studio-2"],"acf":{"article_type":"default","post_id":"","post_url_text":"","post_url":"","info_box":{"title":"","info":""},"post_video":"","import_category":"","overview_item":null,"troubleshoot_case":null},"_links":{"self":[{"href":"https:\/\/help.mapal-os.com\/fr\/wp-json\/wp\/v2\/posts\/24626","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/help.mapal-os.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/help.mapal-os.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/help.mapal-os.com\/fr\/wp-json\/wp\/v2\/users\/251318858"}],"replies":[{"embeddable":true,"href":"https:\/\/help.mapal-os.com\/fr\/wp-json\/wp\/v2\/comments?post=24626"}],"version-history":[{"count":2,"href":"https:\/\/help.mapal-os.com\/fr\/wp-json\/wp\/v2\/posts\/24626\/revisions"}],"predecessor-version":[{"id":24647,"href":"https:\/\/help.mapal-os.com\/fr\/wp-json\/wp\/v2\/posts\/24626\/revisions\/24647"}],"wp:attachment":[{"href":"https:\/\/help.mapal-os.com\/fr\/wp-json\/wp\/v2\/media?parent=24626"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/help.mapal-os.com\/fr\/wp-json\/wp\/v2\/categories?post=24626"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/help.mapal-os.com\/fr\/wp-json\/wp\/v2\/tags?post=24626"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}