{"id":8143,"date":"2023-08-15T11:08:00","date_gmt":"2023-08-15T18:08:00","guid":{"rendered":"https:\/\/membermouse.com\/?post_type=ht_kb&amp;p=8143"},"modified":"2023-08-15T11:08:00","modified_gmt":"2023-08-15T18:08:00","slug":"personnalisation-des-couleurs-et-des-styles-dans-les-cours","status":"publish","type":"ht_kb","link":"https:\/\/membermouse.com\/fr\/documents-3-2\/personnalisation-des-couleurs-et-des-styles-dans-les-cours\/","title":{"rendered":"Personnalisation des couleurs et des styles dans les cours"},"content":{"rendered":"<p>Les cours pour MemberMouse comprennent un certain nombre d'options qui vous permettent de contr\u00f4ler l'exp\u00e9rience de vos apprenants. Par d\u00e9faut, Courses pr\u00e9sente votre contenu dans une interface autonome et personnalisable. Les d\u00e9veloppeurs et les utilisateurs avanc\u00e9s peuvent d\u00e9sactiver cette interface et la styliser \u00e0 l'aide de CSS et de leur th\u00e8me.<\/p>\n\n\n\n<p>Pour modifier ces options, s\u00e9lectionnez&nbsp;<em>SourisMembre &gt; Cours<\/em>et en haut de l'\u00e9cran, cliquez sur&nbsp;<em>Param\u00e8tres<\/em>.<\/p>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h5 class=\"wp-block-heading\">Mode salle de classe<\/h5>\n\n\n\n<p>L'interface autonome incluse pour les cours est appel\u00e9e \"Classroom Mode\". Elle comprend une vari\u00e9t\u00e9 de mod\u00e8les :<\/p>\n\n\n\n<div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Liste des cours<br><\/li>\n\n\n\n<li>Aper\u00e7u du cours<br><\/li>\n\n\n\n<li>Contenu de la le\u00e7on<\/li>\n<\/ul>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Voici un exemple d'aper\u00e7u de cours :<\/p>\n\n\n\n<div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/09\/6584b28e-wtl54rbdkn6m_jyhixbtbutqoisky_9d7w.png\"><img decoding=\"async\" src=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/09\/6584b28e-wtl54rbdkn6m_jyhixbtbutqoisky_9d7w-1024x639.png\" alt=\"\" class=\"wp-image-9833\"\/><\/a><\/figure>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Si le mode classe est d\u00e9sactiv\u00e9, le style de ces pages sera dict\u00e9 par le th\u00e8me WordPress, qui r\u00e9git l'apparence g\u00e9n\u00e9rale de votre site. Le style du th\u00e8me varie consid\u00e9rablement, il est donc difficile de fournir une capture d'\u00e9cran repr\u00e9sentative, mais vous noterez qu'il contient des \u00e9l\u00e9ments familiers du site, tels que l'en-t\u00eate, les menus et la navigation du site, les barres lat\u00e9rales, etc :<\/p>\n\n\n\n<div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/09\/7824946a-ogzlxu6fuxvjde5xqbpcybjddvpmhwbtg.png\"><img decoding=\"async\" src=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/09\/7824946a-ogzlxu6fuxvjde5xqbpcybjddvpmhwbtg-1024x589.png\" alt=\"\" class=\"wp-image-9832\"\/><\/a><\/figure>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Les utilisateurs avanc\u00e9s peuvent personnaliser l'apparence de leur th\u00e8me et ajouter des feuilles de style CSS pour styliser les \u00e9l\u00e9ments des cours dans la section&nbsp;<em>Apparence &gt; Personnaliser<\/em>&nbsp;menu du panneau d'administration.<\/p>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h5 class=\"wp-block-heading\">Param\u00e8tres du mode classe<\/h5>\n\n\n\n<p>Lorsque le mode classe est activ\u00e9, Courses for MemberMouse propose des options pour personnaliser l'interface. D\u00e9finissez ces options comme vous le souhaitez, puis cliquez sur&nbsp;<em>Sauvegarder les param\u00e8tres<\/em>&nbsp;en bas de page pour appliquer vos modifications.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td><strong>OPTION<\/strong><\/td><td><strong>DESCRIPTION<\/strong><\/td><\/tr><tr><td><strong>Mode salle de classe&nbsp;<\/strong><\/td><td>Activer ou d\u00e9sactiver le mode classe<\/td><\/tr><tr><td><strong>Options de couleur<\/strong><\/td><td>S\u00e9lectionnez les couleurs de votre marque, des accents, de l'indicateur de progression et du texte du menu. En cliquant\u00a0<em>S\u00e9lectionner la couleur\u00a0<\/em>affiche un s\u00e9lecteur de couleurs : <br><br><img decoding=\"async\" class=\"wp-image-9831\" style=\"width: 200px;\" src=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/09\/899f16ed-1otib6clp9was8ezaqlka2sip5yiusfptw.png\" alt=\"\"><\/td><\/tr><tr><td><strong>Logo de la classe<\/strong><\/td><td>Choisissez un logo \u00e0 afficher dans le coin sup\u00e9rieur gauche de l'interface. En cliquant sur&nbsp;<em>S\u00e9lectionner une image&nbsp;<\/em>ouvre le s\u00e9lecteur de m\u00e9dia standard de WordPress. Vous pouvez s\u00e9lectionner une image existante, comme le logo de votre site, ou t\u00e9l\u00e9charger une image personnalis\u00e9e.<\/td><\/tr><tr><td><strong>Emplacement du bouton de le\u00e7on<\/strong><\/td><td>Sp\u00e9cifiez l'emplacement des boutons de navigation qui permettent aux apprenants de passer \u00e0 la le\u00e7on suivante ou de revenir \u00e0 la le\u00e7on pr\u00e9c\u00e9dente : <br><em>Haut de page<\/em>\u00a0- Affich\u00e9 dans la barre de menu de l'en-t\u00eate\u00a0 <br><em>Le fond<\/em>\u00a0- Affich\u00e9 sous le contenu de la le\u00e7on\u00a0 <br><em>Les deux<\/em>\u00a0- Affich\u00e9 dans les deux sites\u00a0<\/td><\/tr><tr><td><strong>Lien CSS<\/strong><\/td><td>Vous pouvez \u00e9galement saisir une classe CSS \u00e0 appliquer \u00e0 la le\u00e7on compl\u00e8te, \u00e0 la le\u00e7on pr\u00e9c\u00e9dente et aux liens du fil d'Ariane. Cette fonctionnalit\u00e9 peut \u00eatre utilis\u00e9e par les d\u00e9veloppeurs de concert avec WP Footer Hook pour appliquer un style personnalis\u00e9 \u00e0 l'interface. <br><br><img decoding=\"async\" class=\"wp-image-9830\" style=\"width: 250px;\" src=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/09\/cf06ad1b-2tffgx9aho1dtlpcbzp5c5ordomfdlzetw.png\" alt=\"\"><br><\/td><\/tr><tr><td><strong>Accroche du pied de page de WP<\/strong><\/td><td>Activez cette option pour ex\u00e9cuter le\u00a0<a rel=\"noreferrer noopener\" href=\"https:\/\/developer.wordpress.org\/reference\/hooks\/wp_footer\/\" target=\"_blank\">wp_footer<\/a>\u00a0apr\u00e8s avoir rendu l'interface. Par d\u00e9faut, le mode classe ignore compl\u00e8tement votre th\u00e8me WordPress. Cela offre les meilleures performances, mais ne permet pas aux autres plugins de charger les biblioth\u00e8ques dont ils ont besoin.<br><br>Par exemple, l'outil MemberMouse\u00a0<a rel=\"noreferrer noopener\" href=\"https:\/\/membermouse.com\/fr\/documents-3-2\/lien-du-membre-smarttag-mm_member_link\/\" target=\"_blank\">Lien membre<\/a>\u00a0et\u00a0<a rel=\"noreferrer noopener\" href=\"https:\/\/membermouse.com\/fr\/documents-3-2\/lien-dachat-smarttag-mm_purchase_link\/\" target=\"_blank\">Lien d'achat<\/a>\u00a0Les SmartTags\u2122 n\u00e9cessitent des scripts et des biblioth\u00e8ques suppl\u00e9mentaires pour fonctionner correctement, donc si vous souhaitez utiliser ces SmartTags\u2122 dans vos cours, vous devez activer cette option.<br><br>Les d\u00e9veloppeurs et les utilisateurs avanc\u00e9s peuvent \u00e9galement \u00e9crire un code personnalis\u00e9 pour charger des scripts, des styles et des biblioth\u00e8ques suppl\u00e9mentaires afin de personnaliser les cours ou de fournir des fonctionnalit\u00e9s suppl\u00e9mentaires.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>","protected":false},"excerpt":{"rendered":"<p>Les cours pour MemberMouse comprennent un certain nombre d'options qui vous permettent de contr\u00f4ler l'exp\u00e9rience de vos apprenants. Par d\u00e9faut, Cours pr\u00e9sente votre contenu dans une interface autonome et personnalisable. Les d\u00e9veloppeurs et...<\/p>","protected":false},"author":21411,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"_acf_changed":false,"om_disable_all_campaigns":false,"_strive_editorial_status":"not-started","_strive_copy_of":0,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"ht-kb-category":[194],"ht-kb-tag":[],"class_list":["post-8143","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-courses-mm"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/membermouse.com\/fr\/wp-json\/wp\/v2\/ht-kb\/8143","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/membermouse.com\/fr\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/membermouse.com\/fr\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/membermouse.com\/fr\/wp-json\/wp\/v2\/users\/21411"}],"replies":[{"embeddable":true,"href":"https:\/\/membermouse.com\/fr\/wp-json\/wp\/v2\/comments?post=8143"}],"version-history":[{"count":0,"href":"https:\/\/membermouse.com\/fr\/wp-json\/wp\/v2\/ht-kb\/8143\/revisions"}],"wp:attachment":[{"href":"https:\/\/membermouse.com\/fr\/wp-json\/wp\/v2\/media?parent=8143"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/membermouse.com\/fr\/wp-json\/wp\/v2\/ht-kb-category?post=8143"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/membermouse.com\/fr\/wp-json\/wp\/v2\/ht-kb-tag?post=8143"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}