Comment éditer des leçons avec ReadyLaunch™ et un Page Builder

MemberPress ReadyLaunch™ supprime les scripts et les styles supplémentaires qui sont mis en file d'attente par d'autres plugins et votre thème. Ceci est nécessaire pour assurer une présentation propre de la salle de classe. Si vous voulez éditer vos leçons et l'aperçu du cours avec un constructeur de page (comme Elementor), vous avez deux options.

1. Désactiver ReadyLaunch™ pour les cours
2. Activer des scripts et des styles supplémentaires avec les modèles ReadyLaunch™

Désactiver ReadyLaunch™ pour les cours

Si vous souhaitez désactiver ReadyLaunch™ pour les cours et utiliser simplement votre thème actuel, vous trouverez ci-dessous les instructions pour procéder. Sachez toutefois que certaines fonctionnalités liées à la navigation et à la mise en page des cours ne seront alors plus disponibles. 

1. Allez dans MemberPress->Réglages
2. Sélectionnez l'onglet "ReadyLuanch™".
3. Désactivez la fonction de basculement des cours.
4. Cliquez sur Mettre à jour les options pour enregistrer vos modifications. 

   

Activer des scripts et des styles supplémentaires avec les modèles ReadyLaunch™

Si vous souhaitez conserver l'aspect épuré des modèles ReadyLaunch™ et toutes les fonctionnalités, vous pouvez activer des scripts et des styles supplémentaires à l'aide de certains paramètres et d'un code personnalisé.

Note: Si vous rencontrez des problèmes avec des blocs qui perdent leur style, des vidéos qui ne s'affichent pas, ou d'autres problèmes similaires sur vos cours, il est possible que le crochet du pied de page de WP soit désactivé. L'activer pourrait résoudre ces problèmes.

1. Naviguez jusqu'à Tableau de bord > MemberPress > Paramètres.
2. Sélectionnez l'option ReadyLaunch™ tabulation.
3. Cliquez sur le bouton Personnaliser lien à côté de Cours
4. Dans le cadre de la Accroche du pied de page de WP dans le menu déroulant, sélectionnez Activé.

   

5. Cliquez sur le bouton Mise à jour pour enregistrer vos modifications.

Remarque : Si vous avez précédemment ajouté un extrait de code pour activer le pied de page (comme celui ci-dessous), vous devrez supprimer ce code de vos thèmes ou de votre plugin d'extraits de code. 

add_action(‘mpcs_courses_footer’, ‘do_wordpress_footer’);
function do_wordpress_footer() {
  do_action(‘ wp_footer ’);
}

6. Ensuite, si votre constructeur de pages est répertorié ci-dessous sous la rubrique Scripts de construction de pages vous pouvez utiliser l'extrait de code qui y est fourni. 
7. Si votre constructeur de pages ne figure pas dans la liste, vous devrez tout d’abord déterminer si les scripts de style doivent être chargés. Ensuite, vous devrez trouver le ’ handle » utilisé par votre constructeur de pages spécifique. La recherche de ce « handle » pouvant s’avérer complexe, nous vous recommandons de contacter l’équipe de développement du constructeur de pages pour obtenir de l’aide.  Remplacez ensuite « YOUR_STYLE_HANDLE_HERE » dans l'exemple de code ci-dessous par le « handle » de votre constructeur de pages. Ajoutez l'extrait de code modifié à votre site :

add_filter('mpcs_classroom_style_handles', function($allowed_handles){
     $allowed_handles[] = 'YOUR_STYLE_HANDLE_HERE' ;
     return $allowed_handles ;
}) ;

Vous pouvez ajouter des extraits de code à votre fichier functions.php (si vous avez un thème enfant) ou à un plugin qui vous permet d'ajouter du code PHP comme le fichier WPCode (veuillez consulter cet article pour plus de détails) : Comment ajouter des extraits de code personnalisés dans WPCode ?).

Scripts de construction de pages

Nous ne disposons pas de tous les scripts nécessaires pour tous les constructeurs de pages. Cependant, nous avons constaté que les clients ont obtenu de bons résultats avec ceux répertoriés ci-dessous. Si vous trouvez une liste qui fonctionne avec votre constructeur de pages et que vous souhaitez qu’elle soit ajoutée ici, veuillez
Contacter l'assistance.

Elementor

add_filter( 'mpcs_classroom_style_handles', function( $allowed_handles ) {
  $allowed_handles[] = 'elementor-icons' ;
  $allowed_handles[] = 'elementor-frontend' ;
  $allowed_handles[] = 'elementor-post-' . get_the_ID() ;
  $allowed_handles[] = 'elementor-pro' ;
  $allowed_handles[] = 'elementor-gallery' ;
  $allowed_handles[] = 'elementor-icons-fa-solid' ;
  $allowed_handles[] = 'elementor-icons-fa-brands' ; $allowed_handles[] = 'elementor-icons-fa-brands' ;
  $allowed_handles[] = "elementor-icons-fa-regular" ;
  $allowed_handles[] = 'prismjs_style' ;
  $allowed_handles[] = 'editor-preview' ;
  $allowed_handles[] = 'pro-editor-preview' ; $allowed_handles[] = 'pro-editor-preview' ;
  $allowed_handles[] = "flatpickr" ;
  $allowed_handles[] = "select2" ;
  $allowed_handles[] = "elementor-select2" ;
  $allowed_handles[] = 'elementor-pro-admin' ;
  
  return $allowed_handles ;
}) ;