Personnalisation des couleurs et des styles dans les cours

Les cours pour MemberMouse comprennent un certain nombre d'options qui vous permettent de contrôler l'expérience de vos apprenants. Par défaut, Courses présente votre contenu dans une interface autonome et personnalisable. Les développeurs et les utilisateurs avancés peuvent désactiver cette interface et la styliser à l'aide de CSS et de leur thème.

Pour modifier ces options, sélectionnez SourisMembre > Courset en haut de l'écran, cliquez sur Paramètres.

Mode salle de classe

L'interface autonome incluse pour les cours est appelée "Classroom Mode". Elle comprend une variété de modèles :

• Liste des cours
  
• Aperçu du cours
  
• Contenu de la leçon

Voici un exemple d'aperçu de cours :

Si le mode classe est désactivé, le style de ces pages sera dicté par le thème WordPress, qui régit l'apparence générale de votre site. Le style du thème varie considérablement, il est donc difficile de fournir une capture d'écran représentative, mais vous noterez qu'il contient des éléments familiers du site, tels que l'en-tête, les menus et la navigation du site, les barres latérales, etc :

Les utilisateurs avancés peuvent personnaliser l'apparence de leur thème et ajouter des feuilles de style CSS pour styliser les éléments des cours dans la section Apparence > Personnaliser menu du panneau d'administration.

Paramètres du mode classe

Lorsque le mode classe est activé, Courses for MemberMouse propose des options pour personnaliser l'interface. Définissez ces options comme vous le souhaitez, puis cliquez sur Sauvegarder les paramètres en bas de page pour appliquer vos modifications.

OPTION	DESCRIPTION
Mode salle de classe	Activer ou désactiver le mode classe
Options de couleur	Sélectionnez les couleurs de votre marque, des accents, de l'indicateur de progression et du texte du menu. En cliquant Sélectionner la couleur affiche un sélecteur de couleurs :
Logo de la classe	Choisissez un logo à afficher dans le coin supérieur gauche de l'interface. En cliquant sur Sélectionner une image ouvre le sélecteur de média standard de WordPress. Vous pouvez sélectionner une image existante, comme le logo de votre site, ou télécharger une image personnalisée.
Emplacement du bouton de leçon	Spécifiez l'emplacement des boutons de navigation qui permettent aux apprenants de passer à la leçon suivante ou de revenir à la leçon précédente : Haut de page - Affiché dans la barre de menu de l'en-tête  Le fond - Affiché sous le contenu de la leçon  Les deux - Affiché dans les deux sites
Lien CSS	Vous pouvez également saisir une classe CSS à appliquer à la leçon complète, à la leçon précédente et aux liens du fil d'Ariane. Cette fonctionnalité peut être utilisée par les développeurs de concert avec WP Footer Hook pour appliquer un style personnalisé à l'interface.
Accroche du pied de page de WP	Activez cette option pour exécuter le wp_footer après avoir rendu l'interface. Par défaut, le mode classe ignore complètement votre thème WordPress. Cela offre les meilleures performances, mais ne permet pas aux autres plugins de charger les bibliothèques dont ils ont besoin. Par exemple, l'outil MemberMouse Lien membre et Lien d'achat Les SmartTags™ nécessitent des scripts et des bibliothèques supplémentaires pour fonctionner correctement, donc si vous souhaitez utiliser ces SmartTags™ dans vos cours, vous devez activer cette option. Les développeurs et les utilisateurs avancés peuvent également écrire un code personnalisé pour charger des scripts, des styles et des bibliothèques supplémentaires afin de personnaliser les cours ou de fournir des fonctionnalités supplémentaires.