La formation est composée des 102 leçons suivantes :
➡️ MODULE #1 – Thème Divi (2h00)
🎬 9 Vidéos – 0h30
👩🏻💻 Travaux pratiques (durée estimée) : 1h30
• « Divi : Le WorkBook » – support à télécharger (PDF)
• Termes & définitions
• Obtenir la licence Elegant Themes
• Installer Divi et activer la clé de licence
• Les options du thème Divi
• Le personnaliseur : paramètres généraux
• Le personnaliseur : en-tête et navigation
• Le personnaliseur : pied de page
• Le personnaliseur : boutons par défaut
• Gérer les emplacements de menus
➡️ MODULE #2 – Visual Builder : les fondamentaux (2h00)
🎬 9 Vidéos – 0h30
👩🏻💻 Travaux pratiques (durée estimée) : 1h30
• Comprendre le fonctionnement de Divi
• La notion de « Layout »
• Divi Builder ou Gutenberg ?
• Trois façons d’activer le Divi Builder
• Sections, lignes & modules : c’est la base !
• La logique des options
• Les modes d’affichage
• Les autres options de l’interface
➡️ MODULE #3 – Visual Builder : les fonctionnalités simples (2h30)
🎬 8 Vidéos – 0h30
👩🏻💻 Travaux pratiques (durée estimée) : 2h00
• Manipuler les marges et les textes
• Marges, dimmensionnements et goutières
• Ombres & bordures
• Les filtres
• Les options de transformation
• Les animations d’entrée
• Les séparateurs de section
• Formulaires compatibles RGPD et protégés avec Google ReCAPTCHA
➡️ MODULE #4 – Visual Builder : les fonctionnalités avancées (3h00)
🎬 10 Vidéos – 0h30
👩🏻💻 Travaux pratiques (durée estimée) : 2h30
• Les effets au survol (hover)
• Les dégradés, les patterns et les masques
• Les ancres et les ID CSS
• Le CSS personnalisé
• Les conditions de visibilité
• Les conditions avec trigger
• Les attributs et les transitions
• La position Fixed
• Les effets au scroll : rotation et agrandissement
• Le scroll horizontal
➡️ MODULE #5 – Travaux Dirigés : reproduire une mise en page au design créatif (4h00)
🎬 7 Vidéos – 0h30
👩🏻💻 Travaux pratiques (durée estimée) : 3h30
• Reproduire la Homepage du site DajoCreative
• Finitions : animations et effets au scroll
• Exporter ou importer un layout
➡️ MODULE #6 – Le responsive (2h30)
🎬 6 Vidéos – 0h30
👩🏻💻 Travaux pratiques (durée estimée) : 2h00
• Vues responsives vs. Options responsives
• Autre exemple de gestion du responsive
• 99% des soucis de responsive viennent de là !
• Pas tous les design sont bons en mobile
• Astuces pour corriger facilement le responsive du menu
• Apprendre à identifier le passage en « menu mobile » et le corriger avec les Media Queries
➡️ MODULE #7 – La bibliothèque Divi et les Premades Layouts (2h30)
🎬 7 Vidéos – 0h30
👩🏻💻 Travaux pratiques (durée estimée) : 2h00
• Les Premade Layouts
• Savoir utiliser les layouts préconstruits
• Importer une partie de mise en page
• Enregistrer dans la bibliothèque Divi
• Les éléments globaux
• Créer un modèle depuis la bibliothèque Divi
• Exporter depuis la bibliothèque Divi
🧩 Quizz pour valider votre compréhension de Divi et Divi Builder (25 questions)
➡️ MODULE #8 – Construire le design du site (3h00)
🎬 7 Vidéos – 0h30
👩🏻💻 Travaux pratiques (durée estimée) : 2h30
• Comprendre l’utilité du Thème Builder
• Construire l’en-tête globale
• Construire le pied de page global
• Construire le corps global du modèle de site web par défaut
• Header et footer différents sur une page spécifique
• Cacher le header et le footer sur une landing page
• Supprimer, dupliquer, modifier ou réatribuer un modèle
➡️ MODULE #9 – Construire le design du blog (3h00)
🎬 8 Vidéos – 0h45
👩🏻💻 Travaux pratiques (durée estimée) : 2h15
• Construire le modèle de la page du blog
• Construire un modèle pour les articles du blog
• Ajouter une sidebar flottante aux articles de blog
• Décliner le style des articles selon leur catégorie
• Ajouter des articles relatifs au bas des articles
• Construire un modèle différent pour chaque archive de catégorie
• Construire un modèle dynamique pour toutes les archives de catégorie
• Construire un modèle dynamique pour les archives d’auteur
➡️ MODULE #10 – Les autres pages & astuces (2h00)
🎬 4 Vidéos – 0h15
👩🏻💻 Travaux pratiques (durée estimée) : 1h45
• Construire le modèle de la page des erreurs 404
• Construire le modèle de la page des résultats de recherche
• Exporter ou importer les modèles de thème
• Enregistrer un modèle de thème dans la bibliothèque Divi
➡️ MODULE #11 – Des pépites pour vos designs (2h00)
🎬 6 Vidéos – 0h15
👩🏻💻 Travaux pratiques (durée estimée) : 1h45
• Menu sticky en haut de l’écran
• Menu sticky en bas de l’écran
• Header hero avec menu sticky original
• Bouton retour vers le haut personnalisé
• Footer qui se dévoile derrière le contenu
• Footer qui se dévoile au scroll + bouton de « retour vers le haut » personnalisé
➡️ MODULE #12 – Le WooCommerce Builder de Divi (3h30)
🎬 16 Vidéos – 1h15
👩🏻💻 Travaux pratiques (durée estimée) : 2h15
• Les options natives de Divi pour WooCommerce
• Les modules WooCommerce (WooCommerce Builder)
• WooCommerce Builder ou Thème Builder ?
• Modèle de la page Boutique / Panier / Mon Compte / CheckOut
• Optimiser la page Panier pour augmenter les ventes
• Construire le design des fiches produit
• Modèle pour les archives de catégorie de produit, d’attributs ou les archives d’étiquettes de produit
🧩 Quizz Theme Builder et WooCommerce Builder (10 questions)
➡️ MODULE #13 – Tutorat en visio (0h30)
• Visio privée avec partage d’écran pour répondre à toutes vos questions