Aide – Module de formation

Les sections de cours offrent un moyen supplémentaire d’organiser votre contenu. Vous pouvez toujours structurer votre cours en leçons et/ou sujets, mais maintenant vous pouvez également ajouter des sections facultatives.

Que sont les sections de cours?

Les sections sont des titres simples contenant uniquement du texte qui peuvent être utilisés pour diviser le contenu de vos cours. Ils ne peuvent être ajoutés qu’au niveau supérieur d’un cours. En d’autres termes, les sections doivent être placées avant (et en dehors des) cours.

Cours → Section → Leçon → Sujet

Cours → Leçon → Section → Sujet

Autres notes importantes concernant les sections:

• Les sections sont des titres qui contiennent uniquement du texte. Ils ne contiennent pas directement de contenu. Tout le contenu est toujours placé dans les leçons et/ou les sujets.
• Il n’y a pas de limite au nombre de sections que vous utilisez.
• Les sections sont uniques à chaque cours. Ils ne peuvent pas être partagés entre plusieurs cours.

Exemple

Il peut être utile d’examiner quelques situations dans lesquelles vous souhaiterez peut-être utiliser une section de cours. Voici quelques exemples:

• Votre cours ne comprend que des leçons (vous n’utilisez pas du tout de sujets)
• Vous avez 40 leçons au total
• Ces 40 leçons abordent 4 thèmes principaux, chaque thème étant composé de 10 leçons

Dans cet exemple, vous souhaiterez peut-être utiliser une section avant chaque groupe de 10 leçons qui se rapportent à un thème particulier. Votre configuration pourrait ressembler à ceci:

Thème 1 (section)

• Leçon 1
• …
• Leçon 10

Thème 2 (section)

• Leçon 1
• …
• Leçon 10

… etc.

Comment utiliser les sections

Ajouter une nouvelle section

Avant d’ajouter une section, vous pouvez cliquer sur une leçon existante pour la sélectionner (elle sera encadrée en bleu). Désormais, lorsque vous ajoutez un nouveau titre de section, il sera placé immédiatement après la leçon que vous avez sélectionnée.

Dans le générateur de cours (sous les leçons ou sujets que vous avez déjà ajoutés):

1. Cliquez sur le lien + Nouveau titre de section
2. Tapez le nom de votre rubrique
3. Appuyez sur Entrée ou cliquez sur le bouton Ajouter un en-tête de section

Déplacer des sections

Pour glisser-déposer un titre:

1. Juste avant le titre de la section, recherchez une icône avec 6 points
2. Survolez cette icône
3. Cliquez et maintenez votre souris enfoncée
4. Faites glisser la section vers son nouvel emplacement
5. Relâchez votre souris

Pour déplacer une section vers le haut ou vers le bas d’un niveau à la fois:

1. Repérez les flèches haut et bas précédant immédiatement le titre de la section
2. Cliquez sur l’une des flèches pour déplacer la section dans la direction souhaitée

Supprimer des sections

Pour supprimer une section:

1. Passez la souris sur la section que vous souhaitez supprimer
2. Cliquez sur le lien rouge Supprimer

Le mode de mise au point vise à éliminer les distractions et à rationaliser l’expérience d’apprentissage de votre utilisateur, en augmentant les taux de rétention et d’achèvement de l’apprentissage.

Où c’est appliqué

Le mode de mise au point est appliqué aux types de pages LearnDash suivants:

• Cours
• Les sujets
• Quiz
• Affectations

Votre page de cours ne changera pas. Elle continuera à utiliser la mise en page que vous avez choisie pour votre thème WordPress.

Ce qu’il fait

Lorsque vous activez le mode de mise au point, voici ce qui va changer sur votre site:

• Le mode de mise au point est appliqué sur toutes les tailles d’écran (ordinateur de bureau, tablette et téléphone mobile)
• Les principaux éléments de navigation et de pied de page sont supprimés de la page
• La navigation du cours est toujours visible dans la barre latérale
• Les autres barres latérales, le cas échéant, sont supprimées de la page
• La progression du cours est toujours visible en haut de l’écran
• La navigation de la leçon et du sujet suivant/précédent est toujours disponible en haut de l’écran
• Le bouton Marquer comme terminé est toujours visible en haut de l’écran
• L’avatar de l’utilisateur est affiché dans la navigation supérieure, avec les liens «Accueil du cours» et «Déconnexion»

Voici à quoi ressemble le mode de mise au point sur un ordinateur de bureau:

Exemple de mode de mise au point appliqué sur le bureau

Voici à quoi cela ressemble sur un appareil mobile:

Exemple de mode de mise au point appliqué sur mobile

Le plateau de menu mobile du mode de mise au point

Activer le mode de mise au point

Il y a trois étapes importantes pour activer le mode de mise au point:

1. Vous devez utiliser LearnDash 3.0 ou supérieur
2. Vous devez utiliser le modèle «LearnDash 3.0»
3. Vous devez activer l’option Activer le mode de mise au point dans les paramètres généraux de LearnDash

Largeur du contenu

Lorsque le mode de mise au point est activé, vous avez la possibilité de spécifier la largeur du conteneur de contenu. Cela fait référence à la largeur du contenu réel de la leçon et non à la largeur du mode de mise au point lui-même, qui occupera toujours tout l’écran.

Les options comprennent:

• Par défaut (960px) – Recommandé
• Étroit (768px)
• Large (1180px)
• Extra-large (1600px)
• Pleine largeur

Télécharger un logo

Bien que cela ne soit pas obligatoire, nous vous recommandons de télécharger un logo à utiliser avec le mode de mise au point. Ce logo apparaîtra dans le coin supérieur de toutes les pages de cours, de sujets et de quiz lorsque le mode de mise au point est activé.

Pour télécharger un logo:

• Accédez à LEARNDASH LMS > PARAMÈTRES
• Dans la section Éléments de conception et de contenu, recherchez
• Téléchargement de logo
• Cliquez sur le bouton Sélectionner une image
• Choisissez une image dans votre médiathèque ou téléchargez-en une nouvelle
• Cliquez sur Utiliser cette image en bas
• N’oubliez pas d’enregistrer vos modifications

Vous pouvez supprimer votre image en cliquant sur le X, ou en télécharger une nouvelle en répétant les étapes ci-dessus.

Menu

En haut à droite du mode de mise au point, un menu personnalisé apparaît lorsque vous survolez l’image de profil (Remarque: l’image affichée est tirée de Gravatar). Par défaut, il y a deux choix de menu:

• Accueil du cours – ceci ramène l’utilisateur à la page du cours
• Déconnexion – ceci déconnecte l’utilisateur

Ajouter des éléments de menu

Vous pouvez ajouter autant d’éléments de menu personnalisés que vous le souhaitez au menu du mode de mise au point:

1. Accédez à APPARENCE > MENUS
2. Cliquez sur le lien Créer un nouveau menu
3. Sous Paramètres du menu, sélectionnez LearnDash: liste déroulante du mode de mise au point
4. Créez/ajoutez vos nouveaux éléments de menu
5. Cliquez sur Enregistrer le menu

Tout élément de menu que vous ajoutez au menu du mode de mise au point s’affichera entre les options de menu d’accueil du cours et de déconnexion par défaut. Par exemple, si vous avez ajouté deux nouveaux éléments de menu, ils ressembleraient à ceci:

À ce stade, lorsque vous utilisez le mode de mise au point, nous vous déconseillons d’ajouter des éléments de sous-menu car ce mode ne prend pas en charge un affichage hiérarchique contrairement aux menus de navigation habituels. Le menu du mode de mise au point ne fait pas la distinction entre les éléments parents et les éléments enfants, c’est-à-dire les éléments du menu principal et les éléments du sous-menu.

Par exemple, si vous ajoutez un élément de menu et un élément de sous-menu en dessous:

Les deux éléments s’afficheront au même niveau, l’un au-dessus de l’autre, comme illustré ci-dessous:

FAQ

Le logo en mode de mise au point renvoie à ma page d’accueil, puis-je changer cela?

Oui. Vous pouvez utiliser ces filtres pour modifier l’URL du logo du mode de mise au point.

Est-il possible d’activer les commentaires en mode de mise au point?

Oui. Vous pouvez autoriser les commentaires sur le contenu du mode de mise au point (c’est-à-dire les leçons). Par exemple, si vous souhaitez activer les commentaires sur les leçons:

1. Accédez à LEARNDASH LMS > COURS
2. Cliquez sur Paramètres
3. Dans les paramètres pris en charge par l’éditeur, assurez-vous que les commentaires sont sélectionnés
4. Cliquez sur Enregistrer

Lors de la modification d’une leçon, vous verrez la boîte méta Discussion sous l’éditeur de contenu où vous pouvez sélectionner Autoriser les commentaires.

La création d’un profil ou d’une page de compte pour vos utilisateurs leur permet d’accéder facilement aux fonctionnalités importantes de n’importe quel LMS:

• voir tous les cours inscrits
• modifier les informations de son profil
• reprendre un cours là où ils s’étaient arrêtés
• voir les points attribués et les notes du quiz
• accéder à tous les certificats qu’ils ont obtenus

LearnDash ne génère pas automatiquement une page pour afficher le profil d’un utilisateur ou des informations sur le cours, mais il existe plusieurs outils que vous pouvez utiliser pour créer votre propre page de profil personnalisée. Nous parlerons du bloc/code abrégé principal du profil LearnDash, de certaines options si vous utilisez des plug-ins tiers qui collectent des informations sur les utilisateurs et de quelques autres conseils pour créer un profil utilisateur avec LearnDash.

Profil LearnDash Bloc/Code abrégé

La solution la plus couramment utilisée pour créer un profil LearnDash consiste à utiliser le bloc (ou code abrégé) fourni avec LearnDash. Aucune extension supplémentaire n’est requise. Vous créez simplement une page sur votre site, puis insérez le bloc/code abrégé où vous souhaitez que les informations de profil apparaissent.

Comment l’utiliser

Pour utiliser le bloc Profil LearnDash:

1. Créer une nouvelle page dans WordPress
2. Cliquez sur l’icône + pour ajouter un nouveau bloc
3. Recherchez «Profil LearnDash»
4. Sélectionnez le bloc «LearnDash Profile»

Pour utiliser le code abrégé du profil LearnDash, utilisez simplement ce code abrégé:

[ld_profile]

Pour une liste complète des options disponibles, veuillez consulter la section Profil LearnDash dans notre documentation sur les blocs/codes abrégés.

Modèle LearnDash 3.0

Si vous utilisez LearnDash 3.0+ et que le modèle «LearnDash 3.0» est activé, le profil LearnDash affichera les informations suivantes:

• Avatar (image de profil)
• Nom
• Lien pour modifier le profil
• Nombre total de cours inscrits, cours terminés, certificats décernés et points gagnés
• Liste des cours enregistrés, qui comprend:
  • possibilité de rechercher des cours
  • indicateurs de progression du cours
  • liens pour télécharger les certificats
  • quiz pris, avec la date, les scores et les statistiques

Modèle d’héritage LearnDash

Si vous utilisez le modèle «LearnDash Legacy», votre profil sera différent et inclura les informations suivantes:

• Avatar (image de profil)
• Nom, nom d’utilisateur, e-mail
• Points de cours
• Lien pour modifier le profil
• Liste des cours enregistrés, qui comprend:
  • indicateurs de progression du cours
  • liens pour télécharger les certificats
  • quiz pris, avec la date, les scores et les statistiques

Afficher les cours inscrits dans une grille

Le profil LearnDash affichera tous les cours auxquels l’utilisateur est inscrit. C’est peut-être tout ce dont vous avez besoin, mais vous pouvez également utiliser le module complémentaire Grille de cours pour afficher les cours inscrits dans une grille.

Tout d’abord, assurez-vous que le module complémentaire Course Grid est installé et activé. Ensuite, si vous utilisez le dernier éditeur WordPress:

1. Insérez le bloc «Liste des cours LearnDash»
2. Définissez l’option «Mes cours» sur «Afficher uniquement les cours inscrits»

Nous vous recommandons également d’activer l’option «Afficher la barre de progression», car cela affichera la progression de l’utilisateur dans chaque cours.

Si vous utilisez un générateur de page, ou si vous préférez simplement utiliser le code abrégé, utilisez le code abrégé suivant pour afficher les cours inscrits d’un utilisateur, avec une barre de progression:

[ld_course_list mycourses="true" progress_bar="true"]

Il existe plusieurs autres options que vous pouvez utiliser pour personnaliser la grille. Veuillez consulter la documentation de la grille de cours pour plus de détails.

Tableau de bord du cours – Boîte à outils Uncanny Pro

Avec «Boîte à outils Uncanny Pro», vous pouvez utiliser le code abrégé

[uo_dashboard]

pour insérer une version modifiée du code abrégé

[ld_profile]

Il affiche des informations similaires, mais il existe quelques différences clés. Le tableau de bord du cours:

• n’affiche pas les informations du profil de l’utilisateur (avatar, nom, email, etc.)
• affiche également les leçons et les sujets dans chaque cours (ce que le profil LearnDash ne fait pas)

Vous pouvez toujours développer/réduire chaque cours, afficher rapidement la progression globale du cours, afficher les informations du quiz, les certificats, etc. Voici à quoi ressemble le tableau de bord du cours de la boîte à outils:

Le tableau de bord du cours Boîte à outils Uncanny est également disponible sous forme de bloc Gutenberg. Vous pouvez également définir des options supplémentaires. Veuillez consulter la documentation complète d’Uncanny Owl.

Reprendre là où vous vous êtes arrêté

Un autre outil très utile pour les utilisateurs de LearnDash est la possibilité de revenir directement au cours, à la leçon ou au sujet précédent sur lequel ils ont travaillé pour la dernière fois. La version gratuite de la boîte à outils Uncanny LearnDash fournit cette fonctionnalité avec son module «bouton de reprise». Lorsqu’il est utilisé sur une page de profil personnalisée, il insère simplement un bouton qui renvoie au cours, à la leçon ou au sujet le plus récemment consulté pour cet utilisateur spécifique.

Pour utiliser cette fonctionnalité:

1. Installez et activez l’extension gratuite Boîte à outils Uncanny de LearnDash
2. Accédez à BOÎTE À OUTILS UNCANNY > MODULES
3. Activer le module «Bouton de reprise»
4. Ajoutez le code abrégé suivant à votre page de profil, une barre latérale ou un générateur de page, à l’endroit où vous souhaitez que le bouton apparaisse

   [uo_learndash_resume]

Le bouton indique par défaut «REPRENDRE», mais vous pouvez personnaliser ce texte. Vous avez également la possibilité d’afficher le titre du cours, de la leçon ou du sujet auquel le bouton renvoie.

Le bouton de reprise Boîte à outils Uncanny est également disponible sous forme de bloc Gutenberg.

Liste de tous les certificats

Un autre code abrégé utile fourni par l’extension gratuite Boîte à outils Uncanny de LearnDash est la possibilité de répertorier tous les certificats obtenus par l’utilisateur. Suivez les mêmes instructions ci-dessus pour installer l’extension et activer le module «Liste des certificats», puis utilisez ce code abrégé pour afficher les certificats obtenus par un utilisateur:

[uo_learndash_certificates]

Le module Boîte à outils Uncanny List Certificates est également disponible sous forme de bloc Gutenberg. Quelques options supplémentaires sont détaillées dans la documentation d’Uncanny Owl.

Page de compte WooCommerce

De nombreux utilisateurs de LearnDash choisissent WooCommerce comme plateforme de commerce électronique pour vendre leurs cours. WooCommerce crée son propre espace de compte, avec les détails du compte (nom, e-mail, etc.), les informations d’adresse, l’historique des commandes, etc. Vous pouvez y accéder pour inclure une liste des cours inscrits.

Exemple de la page «Mon compte» de WooCommerce avec un profil LearnDash (thème Storefront)

Si vous utilisez déjà WooCommerce, ou si vous avez suivi l’assistant de configuration, une page « Mon compte » devrait déjà avoir été créée pour vous. Sinon…

1. Créer une nouvelle page dans WordPress
2. Insérez ce code abrégé

   [woocommerce_my_account]

REMARQUE
La conception de votre page WooCommerce «Mon compte» dépend fortement de votre thème WordPress. Si votre thème n’offre pas un excellent support pour WooCommerce, vous voudrez peut-être vérifier auprès de votre développeur de thème, ou éventuellement embaucher quelqu’un pour vous aider à la conception.

Sur cette même page, vous pouvez insérer l’un des outils que nous avons mis en évidence ci-dessus (profil LearnDash, bouton de reprise, liste des certificats, etc.). Tout ce que vous insérez sur cette page sera affiché sur toutes les sous-pages du compte WooCommerce (tableau de bord, commandes, adresses, détails du compte, etc.). Ce n’est peut-être pas l’idéal, auquel cas vous pouvez explorer la section suivante.

Point de terminaison personnalisé

REMARQUE
Une expérience en développement est fortement recommandée.

La section «Mon compte» de WooCommerce fonctionne sur ce qu’on appelle des «points de terminaison». Chaque point de terminaison est essentiellement une autre page dans la section Mon compte de votre site Web. Les points de terminaison représentent la partie de l’URL qui suit votre page /mon-compte/. Voici quelques exemples de points de terminaison WooCommerce intégrés pour la zone Mon compte:

• Commandes – /mon-compte/commandes/
• Adresses – /mon-compte/adresses/
• Modifier le compte – /mon-compte/modifier-compte/

WooCommerce offre la possibilité à quiconque de créer son propre point de terminaison. Le moyen le plus évident d’intégrer cela à LearnDash serait de créer un point de terminaison pour les cours. Votre point de terminaison pourrait ressembler à ceci:

• Cours – /mon-compte/cours/

Sur ce nouveau point de terminaison, vous pouvez ensuite insérer tout type d’informations de profil/cours que nous avons mis en évidence ci-dessus. Cela permettrait aux informations de cours de votre utilisateur d’avoir sa propre page et sa propre URL. Vous avez une totale liberté sur le type de point de terminaison que vous créez et pouvez insérer tout type de contenu que vous souhaitez.

Consultez la documentation de WooCommerce sur les points de terminaison et/ou recherchez sur le Web comment créer un point de terminaison personnalisé.

Autres options

Points de cours

Si vous utilisez le système de points intégré de LearnDash, vous pouvez utiliser le code abrégé (ou bloc)

[ld_user_course_points]

pour insérer le total des points de l’utilisateur sur une page de profil personnalisée. Cela donnerait ceci:

Points de cours gagnés: 100

La progression vidéo est un moyen d’obliger les utilisateurs à regarder l’intégralité d’une vidéo avant de pouvoir marquer le contenu comme terminé. Il peut être utilisé à la fois pour les leçons et les sujets, et fonctionne de la même manière pour les deux. Par défaut, la vidéo apparaîtra au-dessus du contenu de votre page, mais vous pouvez la placer manuellement sur la page à l’aide du code abrégé

[ld_video]

Ce guide vous guidera à travers les paramètres de la progression vidéo et expliquera son fonctionnement.

Comment l’activer

1. Accédez à un écran d’édition de leçon ou de sujet dans l’administrateur
2. La progression de la vidéo se trouve dans l’onglet Paramètres, sous Options d’affichage et de contenu
3. Basculez l’interrupteur pour l’allumer
4. Configurez vos paramètres (dont nous parlerons ci-dessous)

Fournisseurs vidéo pris en charge

La fonctionnalité de progression vidéo prend en charge les fournisseurs de vidéos suivants:

• Viméo (vimeo.com)
• YouTube (youtu.be ou youtube.com)
• Wistia (wistia.com)
  REMARQUE: Nécessite cet extension Wistia supplémentaire.
• Spotlightr (spotlightr.com)
  REMARQUE: Anciennement vooPlayer.
• Joueur Presto
  REMARQUE: Nécessite l’extension Presto Player. Vous pouvez consulter leurs instructions d’intégration ici.
• Amazon S3
• Vidéos locales (téléchargées dans la médiathèque WordPress)

URL de la vidéo

Saisissez l’URL de la vidéo que vous souhaitez utiliser pour la progression de la vidéo. Le champ URL de la vidéo accepte les formats suivants:

• URL de visionnage de la vidéo
  ex: https://www.youtube.com/watch?v=hcSTaMhZi64
  ex: https://vimeo.com/115119775
  ex: https://votresite.com/wp-content/uploads/2019/06/video-name.mp4
• <iframe> code d’intégration
• [video] ou [embed] code abrégé

Affichage de la synchronisation

Ce paramètre détermine quand votre vidéo sera présentée à l’utilisateur et comment gérer les sous-étapes associées à la leçon/sujet.

• Avant les sous-étapes terminées (par défaut)
  La vidéo sera affichée immédiatement et doit être entièrement visionnée avant que l’utilisateur puisse accéder à l’une des sous-étapes associées à la leçon/sujet (sujets et/ou quiz).
• Après avoir terminé les sous-étapes
  La vidéo sera initialement masquée. Il deviendra visible une fois que l’utilisateur aura terminé les sous-étapes associées à la leçon/sujet (sujets et/ou quiz). La vidéo entière doit être visionnée afin de terminer la leçon/le sujet.

Les 3 options suivantes n’apparaissent que si vous avez choisi «Après avoir terminé les sous-étapes».

IMPORTANT
La logique de progression vidéo (c’est-à-dire l’auto-complétion, le délai d’achèvement et la désactivation du bouton Marquer comme terminé) ne sera pas appliquée si vous êtes connecté en tant qu’administrateur et que l’option Contourner les limites du cours est active.

Saisie automatique de la leçon/sujet

L’activation de cette option marquera automatiquement la leçon/sujet comme terminé une fois que l’utilisateur aura regardé la vidéo en entier.

Délai d’achèvement

Il s’agit du délai (en secondes) entre le moment où la vidéo est terminée et le moment où la leçon/le sujet est marqué comme terminé.

• La valeur par défaut est aucun délai (0 seconde)

Marquer le bouton comme terminé

Par défaut, le bouton «Marquer comme terminé» sera masqué, mais ce paramètre vous permet de l’afficher.

• Activez simplement ce paramètre pour afficher le bouton «Marquer comme terminé»

Démarrage automatique

Activez ce paramètre pour que la vidéo démarre automatiquement au chargement de la page.

En raison des politiques du navigateur pour empêcher la lecture automatique des publicités indésirables, les vidéos avec la lecture automatique ou le démarrage automatique activés seront lues avec le volume coupé. Comme il s’agit désormais du comportement par défaut de la plupart des navigateurs, assurez-vous que les commandes sont activées sur votre vidéo afin que vos utilisateurs puissent les réactiver.

Si les commandes sont masquées, y compris le bouton pause/lecture, la lecture automatique doit être activée pour que les utilisateurs puissent regarder la vidéo. Selon l’hôte vidéo, les commandes de volume peuvent toujours fonctionner avec des raccourcis clavier (les plus courants sont la touche «M», les touches «+» ou «-» ou les touches fléchées haut et bas). Consultez cet article d’aide de Youtube sur les raccourcis clavier de leur lecteur.

Du côté du navigateur, il peut y avoir différentes manières de le contourner en fonction des navigateurs que vos utilisateurs utilisent. Voici quelques ressources que vous pouvez vérifier pour Firefox et Safari. Bien qu’il n’y ait aucune solution connue pour contourner ce problème pour les utilisateurs de Chrome, voici la documentation officielle pour le changement de politique de Google, au cas où vous voudriez en savoir plus à ce sujet.

REMARQUE
Il est toujours possible que les paramètres du navigateur par défaut de l’utilisateur remplacent cette fonctionnalité et empêchent complètement la lecture automatique, qu’elle soit désactivée ou non.

Affichage des commandes vidéo

Par défaut, les commandes vidéo sont masquées à l’utilisateur si l’option de démarrage automatique est activée. Les commandes vidéo incluent la lecture, la pause, le volume, les sous-titres codés et d’autres paramètres trouvés au bas d’une vidéo.

L’activation de «Affichage des commandes vidéo» affichera toutes ces commandes à l’utilisateur et lui permettra d’avoir plus de contrôle sur la vidéo.

REMARQUE
Cette fonctionnalité n’est disponible que pour les vidéos YouTube et locales.

Autres options vidéo

Parce que LearnDash est construit sur WordPress, il existe d’autres moyens d’afficher des vidéos à vos utilisateurs. Vous n’êtes pas obligé d’utiliser la progression vidéo pour utiliser des vidéos pour votre cours. Vous n’aurez pas toutes les mêmes options que la fonctionnalité de progression vidéo, mais vous pouvez utiliser la méthode de votre choix, notamment:

• intégrer n’importe quel type de vidéo n’importe où dans le contenu de votre leçon ou de votre page de sujet
• utiliser des extensions WordPress tiers pour afficher des vidéos et/ou des listes de lecture. Un bon exemple d’un tel module est Presto Player.
• utiliser H5P, Adobe Captivate ou toute autre plateforme pour créer/intégrer du contenu vidéo

LearnDash est en anglais et a des traductions données par les utilisateurs. Les chaînes de la base de code LearnDash sont traduisibles.

Vous pouvez utiliser un logiciel gratuit comme poEdit pour créer et modifier des fichiers de traduction LearnDash pour votre langue. Ou un module WordPress gratuit comme Loco Translate.

Traductions actuelles

• Arabe (ar)
• Chinois (zh_CN)
• Danois (da_DK)
• Néerlandais / Nederland (nl_NL)
• Français (Canada) (fr_CA)
• Français (France) (fr_FR)
• Allemand (de_DE)
• Hébreu (he_IL)
• Italien (it_IT)
• Polonais (pl_PL)
• Portugais (Brésil) (pt_BR)
• Russe (ru_RU)
• Espagnol (Espagne) (es_ES)
• Suédois (sv_SE)

Ajouter (ou modifier) ​​une traduction

Si vous créez une nouvelle traduction, vous pouvez référencer cette liste utile de codes locaux WP pour les conventions de dénomination des fichiers.

Si vous devez mettre à jour une traduction, vous pouvez le faire en suivant ces étapes:

1. Accédez à LEARNDASH LMS > PARAMÈTRES > TRADUCTIONS
2. Téléchargez le dernier fichier POT en cliquant sur le bouton de téléchargement POT (il sera automatiquement téléchargé)
3. Téléchargez le fichier .po en cliquant sur le bouton de téléchargement PO (il s’ouvrira dans un nouvel onglet)
4. Faites un clic droit et enregistrez le fichier
5. Ouvrez le fichier .po avec PoEdit
6. Accédez à CATALOGUE > MISE À JOUR À PARTIR DU POT et sélectionnez le fichier POT téléchargé à l’étape 2
7. Apportez vos ajouts et/ou modifications au fichier de traduction
8. Enregistrez le fichier .po
9. Régénérez le nouveau fichier .mo via FICHIER > COMPILER EN MO
10. À l’aide d’un programme FTP ou d’un gestionnaire de fichiers, ajoutez vos nouveaux fichiers .mo et .po dans le dossier /wp-content/languages/plugins/

REMARQUE
Vérifiez que le fichier est nommé correctement et dans le bon répertoire. Si l’un ou les deux sont incorrects, vous rencontrerez des problèmes.

Problèmes courants

Pas de mise à jour à partir du dernier fichier POT

Si vous traduisez des chaînes telles que «Leçon suivante» et remarquez que la traduction n’est pas reflétée sur votre site, c’est parce que vous traduisez à partir d’un fichier POT obsolète.

La chaîne dans la base de code de LearnDash est en fait «%s suivant» car le %s agit comme un espace réservé pour votre étiquette personnalisée (même si vous n’utilisez pas d’étiquettes personnalisées).

C’est peut-être aussi la raison pour laquelle vous remarquez que tout d’un coup vous avez des traductions «perdues» de chaînes telles que «Leçon suivante» et «Cours précédent» et d’autres chaînes qui contiennent une étiquette personnalisée. Cependant, la traduction n’est pas nécessairement perdue. Il n’est plus utilisé car la base de code utilise désormais des espaces réservés dans ces chaînes, et non les mots littéraux tels que Leçon ou Cours.

Pour résoudre le problème, téléchargez le dernier POT (étape 2), puis suivez les étapes 6 à 10 pour effectuer la mise à jour à partir du dernier POT, ajoutez des traductions pour les nouvelles chaînes au besoin et téléchargez vos nouveaux fichiers .mo/.po au bon endroit.

Traductions définies sur «Besoin de travail»

Tenez compte des paramètres «Besoin de travail» sur les traductions individuelles. Ils sont généralement indiqué par une couleur orange et par une bascule orange après avoir sélectionné la traduction individuelle dans poEdit.

Lorsque «Besoin de travail» est défini sur une traduction, vous dites à WordPress que vous n’êtes pas sûr qu’il s’agisse de la traduction correcte. Par conséquent, WordPress n’affiche pas cette traduction sur votre site, car il détecte la traduction «Besoin de travail» selon vos instructions.

Pour résoudre le problème, désactivez le paramètre «Besoin de travail». Cela devrait ressembler à la capture d’écran ci-dessous.

Ensuite, enregistrez vos nouveaux fichiers .mo/.po et téléchargez selon l’étape 10 de la documentation ci-dessus.

Paramètres régionaux inattendus

Les traductions WordPress peuvent être localisées dans une région particulière. Par exemple, es_ES serait espagnol en Espagne et es_MX serait espagnol au Mexique.

En ce qui concerne WordPress, ce sont des langages totalement différents (techniquement, appelés «localisations»).

Si la localisation de votre site WordPress est définie sur es_MX, ce paramètre ne tirera aucune information de vos fichiers de traduction es_ES (même si pour vous, les différences de langue peuvent être mineures).

Dossier incorrect

Veuillez vous assurer que vos fichiers de traduction LearnDash se trouvent dans le chemin d’accès au dossier ci-dessous, avec les noms de fichiers qui incluent le code des paramètres régionaux. Par exemple:

• /wp-content/languages/plugins/learndash-es_ES.po
• /wp-content/languages/plugins/learndash-es_ES.mo

Ce n’est pas une bonne idée de stocker vos fichiers de traduction personnalisés dans des répertoires tels que /wp-content/plugins/sfwd-lms/languages/ en raison du risque d’écrasement en cas de mise à jour du module.

Nom de fichier incorrect

Cette section vise à mettre en évidence le format de nom de fichier correct, déjà vu dans le problème «Dossier incorrect» ci-dessus.

learndash[trait d’union][code local, traits de soulignement utilisés comme séparateurs].po

Veuillez vous assurer que vos tirets et traits de soulignement sont aux bons endroits. Voici un exemple d’une nomenclature adéquate:

• learndash-es_ES.po

Ces exemple ne sont pas adéquat:

• learndash_es_ES.po (le trait de soulignement au lieu du trait d’union est mal placé entre learndash et es_ES).
• learndash-es-ES.po (le tiret au lieu du trait de soulignement est mal placé entre es et ES).

Les fichiers .po et .mo doivent porter le même nom, à l’exception de l’extension de fichier.

Ne pas tenir compte de tous les contextes

Traduire un mot une fois ne change pas nécessairement le mot dans toutes les chaînes dans lesquelles ce mot apparaît.

Les mots utilisés dans différents contextes peuvent être les mêmes dans votre langue. Par exemple, «quiz» peut servir à la fois de verbe et de nom en anglais.

Comprenez que d’autres langues peuvent utiliser des mots différents selon le contexte, et vos fichiers de traduction devront en tenir compte chaîne par chaîne.

PoEdit et Loco Translate ont tous deux des fonctions de recherche pour s’assurer que vous prenez en compte chaque occurrence d’un mot dans les fichiers de traduction.

Ne pas prendre en compte les chaînes du code tiers

Toutes les chaînes traduisibles vues sur une page liée à LearnDash, comme une page qui contient ce qui semble être une grille de cours ou un formulaire de connexion, ne proviennent pas de la base de code LearnDash. Par conséquent, vous ne pourrez peut-être pas trouver le mot que vous devez traduire dans le texte source du fichier LearnDash.

Ou peut-être que vous le faites, mais la sortie de la chaîne est dupliquée par hasard dans le code tiers où elle est réellement sortie.

Ceci est particulièrement courant avec les thèmes WordPress construits avec LearnDash à l’esprit, tels que BuddyBoss, qui remplacent les fichiers de modèle (ou d’autres modules complémentaires tiers pour LearnDash).

Par exemple, le texte source de LearnDash comprend la chaîne «Nom d’utilisateur ou mot de passe incorrect. Veuillez réessayer»

Vous modifiez cette chaîne dans votre fichier LearnDash .po, mais remarquez qu’elle n’est pas reflétée sur votre site. Les autres parties de votre traduction LearnDash fonctionnent comme prévu.

Cela peut être dû au fait que la chaîne est en fait sortie par un code tiers et utilise par hasard la même chaîne. Vous auriez besoin de le traduire séparément.

La fonction d’exemple de leçon LearnDash permet aux gens de visualiser une partie du contenu de votre cours sans avoir à s’inscrire au cours. Lorsqu’un utilisateur clique sur un exemple de leçon, il peut afficher ce contenu sans avoir à se connecter à un compte ni à s’inscrire au cours. Vous pouvez avoir un nombre illimité d’exemples de leçons pour votre cours. Vous pouvez avoir des exemples de leçons pour les cours gratuits et payants.

REMARQUE
Consultez la documentation des leçons pour obtenir des détails complets sur la création de leçons et une explication de tous les paramètres de la leçon.

Exemples de paramètres de cours

La seule condition requise pour utiliser la fonction d’exemple de leçon est que le mode d’accès de votre cours soit défini sur autre chose que «Ouvrir». Ensuite, la désignation d’une leçon comme exemple de leçon nécessite la configuration d’un seul paramètre.

1. Depuis le tableau de bord WordPress, accédez à LEARNDASH LMS > LEÇONS
2. Sélectionnez la leçon souhaitée et cliquez sur Modifier
3. Cliquez sur Paramètres
4. Faites défiler jusqu’à Paramètres d’accès aux cours
5. Activez l’option Exemple de leçon
6. Cliquez sur Mettre à jour

L’expérience utilisateur

Lorsqu’un visiteur consulte le tableau du contenu du cours, les exemples de leçon sont indiqués par une étiquette «Exemple de leçon». Lorsque vous cliquez sur la leçon, les visiteurs sont immédiatement dirigés vers le contenu de la leçon. Il n’est pas possible de marquer un exemple de leçon comme terminé. Pour ce faire, un visiteur devra avoir un compte et être inscrit au cours.

REMARQUE
Si un exemple de leçon comprend des sujets et/ou des quiz, ceux-ci sont également marqués comme exemples et peuvent être consultés.

Démo

Ce qui suit est une démonstration d’un exemple de leçon qui se trouve sur le site de démonstration LearnDash. Vous pouvez y voir que la première leçon est l’exemple de leçon. Les autres leçons ne sont pas accessibles et fournissent donc une infobulle indiquant que l’inscription est requise.

Connexion requise pour voir des exemples de leçons

Bien qu’il ne s’agisse pas actuellement d’un paramètre disponible dans LearnDash, il est possible de configurer vos exemples de leçons afin qu’ils ne puissent être consultés que par les visiteurs disposant d’un compte et connectés à l’aide d’un module gratuit.

1. Depuis le tableau de bord WordPress, allez dans EXTENSIONS > AJOUTER UN NOUVEAU
2. Rechercher un contenu restreint (Restrict Content)
3. Cliquez sur Installer maintenant, puis sur Activer

Maintenant que l’extension Restrict Content est installée, vous devez configurer un message à afficher lorsque quelqu’un tente d’accéder à l’exemple de leçon sans être connecté.

1. Depuis le tableau de bord WordPress, accédez à PARAMÈTRES > RESTREINDRE LE CONTENU
2. Ajoutez le message de votre choix dans le champ Abonnés
3. Cliquez sur Enregistrer les options

La dernière étape consiste à protéger vos exemples de cours pour les rôles d’abonné WordPress uniquement afin que le message ci-dessus s’affiche pour ceux qui ne sont pas encore connectés.

1. Depuis le tableau de bord WordPress, accédez à LEARNDASH LMS > LEÇONS
2. Sélectionnez la leçon souhaitée et cliquez sur Modifier
3. Faites défiler jusqu’à ce que vous trouviez les paramètres Restreindre ce contenu
4. Dans le menu déroulant Niveau d’utilisateur, sélectionnez Abonné
5. Cliquez sur Mettre à jour

La configuration est terminée et votre exemple de leçon est maintenant protégé. Cela signifie que le contenu ne peut être consulté que par une personne disposant d’un compte et connectée. S’ils ne sont pas connectés, le message que vous avez entré dans les paramètres de contenu restreint leur sera présenté.

Exemples de cas d’utilisation de leçons

• Vous souhaitez inciter des clients potentiels à acheter un cours en offrant la première leçon gratuitement
• Vous souhaitez capturer les adresses e-mail (prospects) des personnes intéressées par votre cours
• Vous souhaitez proposer l’intégralité du cours gratuitement sans avoir besoin de compte, mais souhaitez vendre l’accès à l’examen final

FAQ

Puis-je marquer une leçon comme échantillon mais empêcher l’accès aux sujets?

Non. Les sujets associés à la leçon adoptent le paramètre de leçon d’exemple sont également visibles.

L’une des questions les plus courantes posées à notre équipe d’assistance est de savoir comment LearnDash fonctionne avec les constructeurs de pages.

• Quels extensions de création de pages sont compatibles avec LearnDash?
• Quel est le meilleur constructeur de pages à utiliser?
• Comment personnaliser la mise en page de mes cours, leçons et sujets LearnDash avec un générateur de page?
• Puis-je utiliser un générateur de page gratuit ou ai-je besoin de la version pro?

Dans ce guide complet, nous répondrons à toutes ces questions et vous expliquerons exactement comment utiliser des constructeurs de pages spécifiques pour concevoir au mieux vos cours LearnDash. Nous allons nous concentrer sur trois des constructeurs de pages WordPress les plus populaires:

• Elementor
• Beaver Builder
• Divi

Avant de plonger dans les spécificités de chacun, il est important de comprendre ce qu’un constructeur de page peut et ne peut pas faire. Nous aborderons également quelques notions de base qui s’appliquent à l’interface de tous les constructeurs de pages avec LearnDash, quel que soit celui que vous choisissez d’utiliser.

REMARQUE
Ce guide suppose que vous utilisez le modèle actif LearnDash 3.0. À l’exception d’Elementor (qui nécessite LearnDash 3.0), la plupart des concepts s’appliquent également au modèle Legacy, mais il peut y avoir des incohérences. Nous utiliserons également le nouvel éditeur WordPress (alias : Gutenberg). Les captures d’écran seront différentes si vous utilisez l’extension Classic Editor.

Comment fonctionnent les constructeurs de pages

Un livre entier pourrait être écrit sur ce sujet, mais ce n’est évidemment pas l’objet de cet article. Cependant, il y a quelques éléments de base que vous devez comprendre sur le fonctionnement des constructeurs de pages.

• Presque tous les constructeurs de pages vous permettent de concevoir le contenu principal d’une page, d’un article, d’un cours, d’une leçon ou d’un autre type de publication personnalisé. Essentiellement, le même contenu que vous ajouteriez via l’éditeur WordPress par défaut. Cela n’inclut pas l’en-tête, les barres latérales ou le pied de page de votre site.
• La plupart des versions pro ou des constructeurs de pages premium vous permettent de concevoir l’en-tête, les barres latérales et le pied de page de votre site. (Theme Builder d’Elementor Pro, Beaver Themer, etc.)
• Tous les constructeurs de pages sont livrés avec leur propre ensemble d’éléments que vous pouvez utiliser pour concevoir et mettre en page votre contenu (colonnes, en-têtes, listes, tableaux, icônes, galeries de photos, etc.).
  • Celles-ci diffèrent en fonction du constructeur de pages que vous utilisez, ainsi que de la version gratuite vs pro de ce constructeur particulier.

En gardant à l’esprit le type de contenu sur lequel un constructeur de pages a le contrôle, parlons de la façon dont le contenu LearnDash est ajouté aux pages de votre site.

Comment LearnDash ajoute du contenu à la page

Il existe plusieurs façons d’ajouter du contenu LearnDash à une page. Les différences sont importantes à comprendre, car elles s’appliquent directement au fait qu’elles peuvent ou non être contrôlées ou modifiées via un générateur de page.

Contenu dynamique

Le contenu dynamique fait référence au contenu que vous, le propriétaire du site, n’ajoutez pas directement dans l’éditeur WordPress. En fonction du type de page qu’un utilisateur consulte (cours par rapport à la leçon par rapport au sujet), ainsi que de la configuration de ce cours, LearnDash ajoute automatiquement du contenu à la page.

Des exemples de contenu LearnDash ajouté dynamiquement incluent, sans s’y limiter:

• Sur une page de cours: pour les utilisateurs non inscrits, les sections statut actuel, prix et mise en route en haut. Pour les utilisateurs inscrits, la date de la dernière activité, la barre de progression et l’indicateur d’état.
• Sur une page de cours: la liste du contenu du cours en bas, qui contient tous les cours, sujets et questionnaires attribués à ce cours
• Sur une page de leçon: la liste des sujets affectés à cette leçon
• Sur les pages de cours/sujet: la zone des devoirs, qui permet à l’utilisateur de télécharger des devoirs et répertorie tous les devoirs téléchargés
• En mode de mise au point: l’en-tête, qui comprend un logo (facultatif), la progression du cours, des boutons de navigation et un avatar avec menu déroulant
• En mode de mise au point: la barre latérale, qui contient le titre du cours et les liens de navigation

Vous POUVEZ modifier le contenu dynamique LearnDash avec Elementor
Vous ne pouvez pas modifier le contenu dynamique LearnDash avec Divi
Vous ne pouvez pas modifier le contenu dynamique LearnDash avec BeaverBuilder

DÉVELOPPEURS
Si vous êtes à l’aise avec HTML et PHP, vous pouvez remplacer les fichiers de modèle LearnDash. Cela vous permet de personnaliser le contenu dynamique, ainsi que de changer l’endroit de la page où il est inséré. Expérience technique requise.

Votre propre contenu de cours, de leçon, de sujet et de quiz

Il s’agit du contenu sur lequel vous, le propriétaire du site, avez un contrôle direct. Pour toutes les pages de cours, de leçons, de sujets et de quiz, vous pouvez librement ajouter et modifier le contenu que vous souhaitez.

Si vous utilisez un constructeur de page, vous pouvez concevoir le design avec le constructeur de votre choix.

Sinon, LearnDash déterminera où votre contenu sera positionné sur la page.

Par exemple, sur une page de cours (en utilisant le mode de mise au point), votre propre contenu sera toujours placé après le fil d’Ariane et avant les boutons de cours suivant et précédent. Si vous avez ajouté du matériel à la leçon, deux onglets seront insérés dynamiquement:

• Leçon
• Matériaux

Votre propre contenu de leçon sera ajouté directement sous l’onglet «Leçon».

Gardez à l’esprit que seul votre propre contenu, ajouté dans cette zone spécifique, peut être modifié avec un générateur de page. Tous les autres éléments de la page en mode de mise au point sont contrôlés uniquement par LearnDash (ou en utilisant l’un des deux modules de conception LearnDash tiers populaires, Design Upgrade Pro ou Visual Customizer).

Les blocs LearnDash

Les blocs LearnDash vous permettent d’ajouter des informations LearnDash spécifiques à la zone de contenu principale d’une page, mais uniquement si vous utilisez la dernière version de l’éditeur WordPress (alias: Gutenberg). Les blocs ne fonctionnent que dans Gutenberg.

Voici quelques exemples de blocs LearnDash:

• Profil LearnDash: affiche le profil d’un utilisateur et les cours enregistrés
• Liste de cours LearnDash: affiche une liste de cours ou une grille si vous utilisez le module complémentaire Grille de cours
• Progression du cours LearnDash: affiche une barre de progression indiquant la progression de l’utilisateur dans ce cours

Lorsque vous utilisez un générateur de page, il n’y a aucun moyen d’ajouter un bloc LearnDash à votre page.

Les codes abrégés LearnDash

Chaque bloc LearnDash a un code abrégé qui l’accompagne. Un code abrégé est un simple texte qui génère des informations LearnDash spécifiques. De nombreux codes abrégés sont livrés avec des paramètres (ou des options) qui vous permettent de personnaliser les informations affichées.

Un code abrégé ressemble à ceci:

[ld_profile]

Cet exemple génère un profil d’utilisateur, avec son image de profil, son nom, quelques statistiques de base et une liste des cours auxquels ils sont inscrits, ainsi que leurs progrès dans chacun.

Le gros avantage des codes abrégés par rapport aux blocs est qu’ils peuvent être utilisés avec tous les constructeurs de pages.

L’utilisation exacte des codes abrégés LearnDash dépend du constructeur de pages que vous utilisez, que nous détaillerons ci-dessous.

Les Widgets LearnDash

Les widgets font partie intégrante de WordPress. Ce sont des fonctionnalités qui peuvent facilement être ajoutées à n’importe quelle zone de la barre latérale WordPress. LearnDash fournit également une poignée de widgets. Les widgets LearnDash offrent la possibilité d’ajouter une navigation de cours, des listes de cours et d’autres éléments de cours.

Les constructeurs de pages suivants permettent l’utilisation de widgets LearnDash:

Elementor: Version gratuite et pro
Beaver Builder: Version gratuite et pro
Divi: Pas autorisé (vous pouvez ajouter des zones entières de la barre latérale mais pas des widgets individuels)

Une exception: Le mode de mise au point

Le mode de mise au point fonctionne un peu différemment du reste des pages de votre site. Les mêmes idées sur la façon dont le contenu est ajouté s’appliquent toujours, mais lorsque le mode de mise au point est activé, l’en-tête, la barre latérale et le pied de page normaux de votre site sont supprimés.

L’en-tête est un contenu dynamique, non modifiable avec un constructeur de page
La navigation du cours de la barre latérale est un contenu dynamique, non modifiable avec un générateur de page
Le titre de la page, la barre de progression et le fil d’Ariane sont du contenu dynamique, non modifiable avec un générateur de page
Le contenu de la leçon, du sujet et du quiz (sous le fil d’Ariane) est votre propre contenu, et il est modifiable par un constructeur de page

En résumé

• L’ajout dynamique par LearnDash n’est modifiable qu’avec Elementor
• Les éléments de conception du mode de mise au point ne peuvent pas être modifiés avec les générateurs de pages
• Tout le contenu ajouté par vous, via l’éditeur WordPress, est modifiable avec les constructeurs de pages
• Lors de la conception avec un constructeur de pages, utilisez les codes abrégés et les widgets LearnDash (pas les blocs)

Choisir un thème

Si vous souhaitez utiliser un générateur de page avec LearnDash, le thème que vous choisissez aura un certain impact sur la façon dont vous pouvez concevoir votre contenu. Presque tous les thèmes WordPress fonctionnent avec les constructeurs de pages (et avec LearnDash), mais certains fonctionnent mieux.

En général, les thèmes qui fournissent explicitement la prise en charge du générateur de pages vous donneront plus de contrôle sur la conception de vos cours. Voici quelques thèmes populaires spécialement conçus pour être utilisés avec les constructeurs de pages:

• Astra
• GeneratePress
• OceanWP

Vous n’êtes pas obligé d’utiliser l’un de ces thèmes. Tous les thèmes WordPress (construits selon les normes appropriées) fonctionnent avec LearnDash. Nous voulions juste mettre en évidence ceux qui vous offrent le plus de flexibilité.

Mise en page générale

L’utilisation de l’un des thèmes susmentionnés vous offre certains avantages par rapport aux autres thèmes, en particulier lorsqu’il s’agit d’utiliser un générateur de page.

REMARQUE
Ces paramètres varient d’un thème à l’autre. Tous les thèmes n’auront pas ces options, mais les thèmes mentionnés ci-dessus en ont quelques variantes.

• Largeur du contenu: plusieurs options sont généralement disponibles pour les modèles étroits, larges, pleine largeur et/ou étirés à 100 %.
• Barres latérales: vous pouvez choisir d’activer/désactiver la barre latérale sur des pages individuelles, ou choisir de quel côté elle doit apparaître (droite ou gauche)
• Désactiver le titre de la page: cela vous permet de masquer le titre de la page par défaut qui est inclus en haut de la page et d’ajouter le vôtre à l’aide d’un générateur de page
• Désactiver l’image en vedette: cela vous permet de masquer l’image en vedette qui est généralement affichée en haut de la page de votre cours

Voici quelques exemples:

Paramètres de page individuels utilisant le thème gratuit Astra

Paramètres de page individuels à l’aide du thème gratuit GeneratePress

Paramètres de page individuels utilisant le thème gratuit OceanWP (nécessite le module « Ocean Extra »)

REMARQUE
Si vous souhaitez contrôler complètement votre mise en page et votre espacement avec un générateur de page, vous souhaiterez probablement définir vos paramètres de page pour n’utiliser aucune barre latérale et une largeur de contenu de «complet» ou «étiré».

Avant d’entrer dans des exemples spécifiques avec chaque générateur de page, assurons-nous que votre générateur est activé pour une utilisation avec LearnDash.

Activer le générateur de pages pour les types de publication LearnDash

Avant de pouvoir utiliser un générateur de page avec LearnDash, vous devez vous assurer que vous avez activé le générateur de page pour qu’il fonctionne avec les types de publication personnalisés LearnDash. Si vous ne trouvez pas un moyen de modifier un élément de contenu LearnDash à l’aide de votre générateur de page, essayez de suivre ces étapes pour l’activer.

Elementor

1. Accédez à ELEMENTOR > PARAMÈTRES
2. Dans la section «Types de messages», cochez les cases pour les cours, les leçons, les sujets et les quiz (ou sélectionnez simplement ceux dont vous avez besoin)
3. Cliquez sur «Enregistrer les modifications»

Vous verrez maintenant le bouton «Modifier avec Elementor» sur les types de publication que vous avez sélectionnés.

Elementor PRO
Si vous utilisez Elementor Pro pour créer des modèles personnalisés pour le contenu LearnDash, veuillez consulter cet article sur la façon d’afficher les types de publication LearnDash dans le menu des types de publication.

Beaver Builder

1. Accédez à PARAMÈTRES > BEAVER BUILDER
2. Cliquez sur «Types de messages»
3. Cochez les cases pour les cours, les leçons, les sujets et les quiz (ou sélectionnez simplement ceux dont vous avez besoin)
4. Cliquez sur «Enregistrer les types de publication»

Divi

Par défaut, Divi doit être activé pour les cours et les leçons, mais si vous souhaitez l’utiliser avec des sujets et/ou des quiz, vous devrez l’activer.

1. Accédez à DIVI > OPTIONS D’EXTENSION
2. Cliquez sur l’onglet «Intégration des types de messages»
3. Cliquez sur les types de publication pour les sujets et les quiz (ou sélectionnez simplement ceux dont vous avez besoin)
4. Cliquez sur «Enregistrer les paramètres»

Utilisation de codes abrégés avec les générateurs de pages

Les codes abrégés sont l’une des deux façons d’ajouter du contenu spécifique à LearnDash à l’aide d’un générateur de page. Voyons exactement comment ajouter des codes abrégés d’utilisation dans chaque générateur de page.

Elementor

Lorsque vous allez modifier un élément de contenu LearnDash (cours, leçon, sujet ou quiz), vous aurez un bouton «Modifier avec Elementor» en haut. Cliquez sur ce bouton pour ouvrir votre contenu avec Elementor.

Si vous n’avez pas encore ajouté votre propre contenu à la page, vous verrez une page assez blanche. Votre en-tête et pied de page globaux devraient être là, mais vous ne verrez aucun contenu LearnDash dynamique tant que le cours est encore un brouillon. Une fois le cours publié, le contenu dynamique LearnDash apparaîtra dans l’écran d’aperçu.

Exemple de page de cours LearnDash lorsque vous commencez à la modifier avec Elementor

Gardez donc à l’esprit que ce que vous ajoutez à la page avec Elementor apparaîtra dans une zone particulière, ainsi que le contenu dynamique ajouté par LearnDash.

Pour ajouter un code abrégé à votre page avec Elementor:

1. Localisez le widget «Code abrégé» dans le panneau de gauche
2. Cliquez, maintenez et faites glisser le widget quelque part sur la page
3. Dans le panneau de gauche, tapez n’importe quel code abrégé LearnDash
4. Vous devrez peut-être cliquer sur le bouton vert «Appliquer» pour le prévisualiser
5. Lorsque vous avez terminé l’édition, assurez-vous de cliquer sur le bouton «Publier» ou «Mettre à jour» en bas

• Utilisez toute la puissance d’Elementor pour ajouter d’autres widgets sur la page (avant ou après les codes abrégés LearnDash)
• Utilisez les colonnes d’Elementor pour placer les codes abrégés LearnDash à côté d’autres contenus
• Soyez créatif en ajoutant des arrière-plans et d’autres options de conception à la section qui contient votre code abrégé LearnDash
• Ajoutez autant de codes abrégés LearnDash à une page que vous le souhaitez

Beaver Builder

Lorsque vous allez modifier un élément de contenu LearnDash, vous aurez un bouton «Lancer Beaver Builder» où votre contenu apparaîtrait normalement. Cliquez sur ce bouton pour ouvrir votre contenu avec Beaver Builder.

Vous ne verrez aucun contenu LearnDash ajouté dynamiquement dans votre aperçu tant que vous n’aurez pas publié le cours. Le contenu que vous ajoutez sera placé entre le contenu dynamique de LearnDash.

Pour ajouter un code abrégé à votre page avec Beaver Builder:

1. Localisez le module «HTML» dans le panneau de gauche
2. Cliquez, maintenez et faites glisser le module quelque part sur la page
3. Dans le panneau de gauche, tapez n’importe quel code abrégé LearnDash
4. Cliquez sur le bouton «Enregistrer» en bas pour le prévisualiser
5. Lorsque vous avez terminé de modifier, assurez-vous de cliquer sur le bouton «Terminé» dans le coin supérieur droit, puis sur «Publier» ou «Mettre à jour» pour enregistrer vos modifications.

Divi

Lorsque vous allez modifier un élément de contenu LearnDash (cours, leçon, sujet ou quiz), vous verrez un bouton «Utiliser le Divi Builder» en haut. Cliquez sur ce bouton pour ouvrir votre contenu avec Divi.

Lorsque vous lancez Divi pour la première fois, vous pouvez être invité à proposer quelques options:

• Construire à partir de zéro
• Choisissez une mise en page prédéfinie
• Cloner la page existante

Choisissez l’option qui répond le mieux à vos besoins. Vous serez ensuite redirigé vers l’écran du constructeur visuel de Divi.

Pour ajouter un code abrégé à votre page avec Divi:

1. Cliquez sur l’icône verte + pour ajouter une nouvelle ligne
2. Choisissez la disposition de votre rangée
3. Choisissez ensuite le module «Code» (le module «Texte» fonctionnera également)
4. Tapez n’importe quel code abrégé LearnDash
5. Cliquez sur l’icône de coche verte
6. Lorsque vous avez terminé l’édition, assurez-vous de cliquer sur les trois points en bas de l’écran, puis sur le bouton «Enregistrer»

Utilisation de widgets avec les générateurs de pages

En plus des codes abrégés, les widgets sont une autre méthode pour ajouter du contenu LearnDash via un générateur de page. Voyons les spécificités de chaque constructeur de page qui permet l’utilisation de widgets LearnDash.

Elementor

Dans Elementor, les widgets LearnDash sont situés dans la section «WordPress» du panneau de gauche. Vous pouvez également y accéder en utilisant la barre «Search Widget…» en haut. Les widgets LearnDash suivants sont disponibles:

• Barre de progression du cours
• Navigation dans le cours
• Informations sur les cours
• Statut de l’utilisateur
• Cours
• Leçon
• Quiz
• Certificats

Pour ajouter un widget LearnDash à votre page avec Elementor:

1. Localisez le widget que vous souhaitez ajouter dans le panneau de gauche
2. Cliquez, maintenez et faites glisser le widget quelque part sur la page
3. (facultatif) Dans le panneau de gauche, donnez un titre à votre widget et ajustez les paramètres disponibles
4. Vous devrez peut-être cliquer sur le bouton vert «Appliquer» pour le prévisualiser
5. Lorsque vous avez terminé l’édition, assurez-vous de cliquer sur le bouton «Publier» ou «Mettre à jour» en bas

Beaver Builder

Les mêmes widgets mentionnés ci-dessus (pour Elementor) sont également disponibles pour Beaver Builder.

Pour ajouter un widget LearnDash à votre page avec Beaver Builder:

1. Dans le panneau de gauche, basculez votre groupe de modules sur «Widgets WordPress» ou utilisez la fonction de recherche
2. Localisez le widget que vous souhaitez ajouter
3. Cliquez, maintenez et faites glisser le widget quelque part sur la page
4. (facultatif) Dans le panneau de gauche, donnez un titre à votre widget et ajustez les paramètres disponibles
5. Lorsque vous avez terminé de modifier, assurez-vous de cliquer sur le bouton «Terminé» dans le coin supérieur droit, puis sur «Publier» ou «Mettre à jour» pour enregistrer vos modifications.

Édition de contenu de base avec les constructeurs de pages

Maintenant que vous savez comment ajouter des codes abrégés et des widgets LearnDash à votre générateur de pages préféré, parlons de quelques règles d’édition de base qui s’appliquent à tous les générateurs de pages lorsque vous travaillez avec LearnDash.

Afficher/Masquer le contenu sous condition

LearnDash fournit quelques codes abrégés que vous pouvez utiliser pour afficher du contenu à un type d’utilisateur spécifique:

• [étudiant] et [/étudiant] – visible uniquement par une personne inscrite au cours
• [visiteur] et [/visiteur] – visible uniquement par quelqu’un qui n’est pas inscrit au cours

Ceux-ci peuvent être particulièrement utiles pour:

• fournir aux étudiants inscrits un contenu réservé aux étudiants sur la page du cours
• afficher un message d’inscription/d’achat aux utilisateurs non enregistrés lorsqu’ils consultent des exemples de leçons
• …ou n’importe quel nombre d’autres applications créatives

Contrairement aux autres codes abrégés LearnDash, ceux-ci ne peuvent pas être utilisés dans un widget de code abrégé. Ils doivent être utilisés dans un éditeur de texte ou un widget HTML.

• Elementor: utilisez le widget «Éditeur de texte» ou «HTML»
• Beaver Builder: utilisez le widget «Éditeur de texte» ou «HTML»
• Divi: Utilisez le widget «Texte» ou «Code»

Vous pouvez placer n’importe quel contenu entre les codes abrégés, assurez-vous simplement qu’il est contenu dans le même élément. Vous ne pouvez pas avoir un code abrégé d’ouverture [student] dans un élément, ajouter du contenu dans les éléments suivants, puis placer votre code abrégé de fermeture [/student] dans un autre élément.

REMARQUE
Si vous utilisez la boîte à outils gratuite Uncanny LearnDash, vous pouvez également utiliser le code abrégé [uo_show] pour afficher le contenu aux utilisateurs connectés et non connectés (quel que soit le statut d’inscription au cours).

Exemple Elementor

Nous vous recommandons d’utiliser le widget «Éditeur de texte» dans Elementor

Exemple Beaver Builder

Nous vous recommandons d’utiliser le module «Éditeur de texte» dans Beaver Builder

Exemple Divi

Nous vous recommandons d’utiliser le module «Éditeur de texte» dans Divi

FAQ

J’utilise un constructeur de page non mentionné dans cet article. Puis-je toujours l’utiliser avec mon site optimisé par LearnDash?
Oui. Les mêmes principes mentionnés dans cet article s’appliquent à tous les constructeurs de pages WordPress. Les widgets et modules que vous utilisez peuvent être nommés différemment, mais les concepts sont les mêmes.