La formation est composée des contenus suivants :
➡️ MODULE #1 – Thème Divi (1h00)
🎬 9 Vidéos – 0h35
👩🏻💻 Travaux pratiques (durée estimée) : 0h25
🎓 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 (1h30)
🎬 9 Vidéos – 0h30
👩🏻💻 Travaux pratiques (durée estimée) : 1h00
🎓 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 (1h30)
🎬 8 Vidéos – 0h30
👩🏻💻 Travaux pratiques (durée estimée) : 1h00
🎓 Manipuler les marges et les textes
🎓 Marges, dimensionnements et gouttiè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 (2h00)
🎬 10 Vidéos – 0h20
👩🏻💻 Travaux pratiques (durée estimée) : 1h40
🎓 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 (3h00)
🎬 7 Vidéos – 0h40
👩🏻💻 Travaux pratiques (durée estimée) : 2h20
🎓 Reproduire la Homepage du site DajoCreative
🎓 Finitions : animations et effets au scroll
🎓 Exporter ou importer un layout
➡️ MODULE #6 – Le responsive (1h00)
🎬 6 Vidéos – 0h20
👩🏻💻 Travaux pratiques (durée estimée) : 0h40
🎓 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
🎓 Corriger 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 (1h30)
🎬 7 Vidéos – 0h30
👩🏻💻 Travaux pratiques (durée estimée) : 1h10
🎓 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
➡️ MODULE #8 – Construire le design du site (2h00)
🎬 7 Vidéos – 0h30
👩🏻💻 Travaux pratiques (durée estimée) : 1h30
🎓 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 (1h30)
🎬 8 Vidéos – 0h45
👩🏻💻 Travaux pratiques (durée estimée) : 0h45
🎓 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 (0h45)
🎬 4 Vidéos – 0h15
👩🏻💻 Travaux pratiques (durée estimée) : 0h30
🎓 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 (1h15)
🎬 6 Vidéos – 0h15
👩🏻💻 Travaux pratiques (durée estimée) : 1h00
🎓 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
➡️ MODULE #13 – Tutorat en visio (0h30)
🎓 Visio privée avec partage d’écran pour répondre à toutes vos questions