Retour aux Cours
Tutoriels Wordpress : Création Espace Membre avec OptimizePress V2 (désuet)
0% terminé
0/0 Steps
-
Introduction
-
Quelle URL choisir ?
-
Créez votre nom de domaine et votre hébergement (réglages DNS)
-
Installation Wordpress
Téléchargez les fichiers à installer pour LearnDash et Social Learner -
Installation de votre nouveau Wordpress
-
En cas d'erreur de répertoire...
-
Créer un sous-domaine pour embellir vos URLs
-
Ajoutez des extensions de sécurité
-
Ajoutez un Certificat SSL afin de sécuriser votre site en https5 Chapitres
-
Installation LearnDash et Social LearnerInstallation de LearnDash et de Social Learner
-
Paramétrage Social Learner
-
Paramétrage BuddyPress
-
Création des Groupes Social Learner
-
Ajout des Menus et de la Navigation
-
Page "Finalisez votre inscription"
-
Créer des Champs Personnalisés pour mieux connaître vos adhérents
-
Créez votre premier Cours ou Module
-
Création de vos Premiers Cours avec LearnDashCréez vos premières Leçons
-
Comment faire en sorte que le bouton Marquer Comme Terminé soit tout de suite actif
-
Créer la page Mon Parcours
-
Création rapide d'un second cours
-
Améliorations Graphiques et d'ErgonomieTestez votre cursus du point de vue client
-
Astuce : afficher ou non du contenu en fonction du rôle de l'internaute
-
Amélioration de la barre latérale de droite
-
Ajouter des icônes pour améliorer vos menus
-
Afficher la progression des vidéos dans la colonne de droite
-
Astuces graphiques et CSS4 Chapitres
-
Ajouter la Traduction Française de LearnDash
-
Modifier les traductions manquantes manuellement
-
Ajouter une image Favicon personnalisée
-
Ajout des autres sections de votre formation à diffuser en dip-feed5 Chapitres
-
Créez votre Page d'Accueil et votre Cursus Traditionnel avec OptimizePressInstallation d'OptimizePress v2
-
Activation de la Clé API et paramètres de base
-
Création de la Page Accueil Membre
-
Création d'une Page de Cours
-
Ajout des éléments de Navigation
-
Création des Menus pour OP
-
Modification des Vignettes
-
Dupliquer les Pages de Cours
-
Débuter avec Active CampaignOuvrir un nouveau compte chez Active Campaign
-
Comment migrer vos contacts existants vers Active Campaign
-
Intégrez AC à vos formulaires Email existants
-
Validez vos DKIM pour éviter de tomber dans les Spams
-
Installez Memberium pour Protéger vos FormationsAchat de Memberium : quelle option choisir ?
-
Installation de Memberium
-
Mises à jour de Memberium
-
CloudFlare, qu'est ce que c'est ?
-
Résoudre les problèmes entre CloudFlare et Memberium
-
Créer votre 1er niveau Memberium
-
Comment bien vous organiser avec Memberium
-
Création des TAGS pour débloquer vos cours de façon distillée
-
Qu'est-ce qu'un Webhook et comment relier Active Campaign à Memberium ?
-
Paramétrage du Webhook sous Memberium
-
Paramétrage d'un champs personnalisé pour le mot de passe
-
Création de la page de Login (connexion)5 Chapitres
-
Paramétrage de la Home Page et First Login dans Memberium
-
Préparation de vos TAGS
-
Synchronisation entre Active Campaign et MemberiumTemplate email pour Active Campaign
-
Création dans Active Campaign de votre 1ère automation : "Achat Réussi"
-
Création de votre 2ème automation : "Drip-Feed"
-
Protection de vos pages de cours avec Memberium
-
Faire un test d'automatisme vue client et création d'un Compte Test
-
Masquer les vignettes en Page d'Accueil pour ceux qui n'ont pas acheté le cursus
-
Créer une page Mon Profil pour vos clients
-
Finalisation de votre Espace MembreCréer les pages "Erreur 404" et "Erreur : page réservée aux membres"
-
Réagencement des pages LearnDash Abonnement
-
Félicitations ! Vous avez fini votre Espace Membre et vous êtes prêt à accueillir vos clients
Mes accomplissements
Leçon 27,
Chapitre 1
En cours
CSS pour couleur icônes, retirer bandeau Enrolled et réduire les blancs
Progression du Leçon
0% terminé
Codes CSS à copier/coller dans BuddyBoss > Thèmes Boss > Codes personnalisées > CSS
<code> /* CSS ALKEMY V1.08 */ /* Couleur des icones */ a:not(.to-top) .fa, #nav-menu a:before{color: #fff !important;} #left-menu-toggle i {color: #999 !important;} /* Grille des cours améliorée*/ .ribbon-enrolled{display: none;} .fluid-width-video-wrapper {border: 8px solid #2f4874;} .ld_course_grid article{padding: 0 !important;} /* Cacher l'auteur */ .table-cell.page-header .table{display: none;} /* Nom de l'avatar en entier */ .user-link span.name{width: auto !important;} /* Cacher liens menus de l'avatar */ .header-notifications.user-messages {display: none !important;} #wp-admin-bar-my-account-activity {display: none} /* Lien Activité */ #wp-admin-bar-my-account-notifications {display: none} /* Lien Notification */ #wp-admin-bar-my-account-groups {display: none} /* Lien Groupes */ #wp-admin-bar-my-account-courses {display: none} /* Lien Cours */ #wp-admin-bar-my-account-settings {display: none} /* Lien Réglages */ #wp-admin-bar-my-account-xprofile .ab-sub-wrapper{display: none !important} /* Liens Profil */ /* Pages OptimizePress */ .op-live-editor-page {background-color: #fff !important} .op-live-editor-page .buddyboss-bp-legacy, .op-live-editor-page .buddyboss-bp-legacy{display: none !important} /* Cacher 'Pas d’activité récente' en bas de page */ .buddyboss-bp-legacy {display: none;} /* Masquer doublon de titre */ .entry-header {display: none;} /* Réduire la hauteur du bandeau de titre principal */ .page-cover > .table-cell{height: 50px !important;} </code>
Génial MERCI Laurent.
J’adore bidouiller pour personnaliser un thème en cherchant ici et là des bouts de codes sur le net. Là tu nous mâches le travail… C’est PARFAIT 🙂
Bizarre, tout fonctionne bien à part les icônes qui ne changent pas de couleur… Comment faire ?
J’ai trouvé, il faut changer les paramètres dans Theme Boss – Styliser – Icons Color
Il y a une ambiguïté dans la vidéo entre le code à copier/coller sous la vidéo et celui montré dans la vidéo qui est beaucoup plus court. De plus les 2 premières lignes :
/* CSS ALKEMY V1.08 */
...ainsi que la dernière:
…doivent elles être également copiées? De plus en supprimant la ligne de code pour cacher l’auteur cela a réduit le bandeau en hauteur et a tronqué notre photo.
Merci pour votre aide
Jean le code sous la vidéo est plus récent et plus complet. On ne va pas refaire la vidéo à chaque petite mise à jour.
Les lignes /* n’ont aucun effet, ce sont simplement des notes qui dérivent à quoi sert le code juste en dessous. Par exemple /* Ceci est une note d’explication */
Je viens de résoudre le problème de la photo tronquée en supprimant les deux dernières lignes de code relative au bandeau/
header, quand est-il pour le reste du code en plus que celui montré sur la vidéo?
Justement l’explication du code est décrite dans la ligne entre /* et */
Par exemple /* Masquer doublon de titre */ décris l’action que fait le code .entry-header {display: none;}
Tu n’es donc pas obligé d’utiliser tout le blog d’un coup, tu peux supprimer les lignes qui ne t’intéressent pas. Elles sont décrites ligne par ligne.