Divi Hybride

Programme mis à jour le 2024-02-29
Formation WordPress Opérationnel

Objectifs pédagogiques

Cette formation vous permet d'être autonome dans la gestion du design de votre site WordPress utilisant le thème Divi, en étant capable de réaliser les points suivants :
▪️ Être capable d'installer et de paramétrer le thème Divi : réglages généraux, activer la licence, options du thème.
▪️ Être capable de créer une mise en page avec le Divi Builder : comprendre le fonctionnement, prendre en main le Visual Builder, paramétrer les modules.
▪️ Être capable d'utiliser le Thème Builder : comprendre le fonctionnement et créer les modèles du site.
▪️ Être capable d'améliorer le responsive et la productivité : gérer les divers types d'écran, importer/exporter des mises en page, utiliser la bibliothèque Divi, les éléments globaux, les couleurs globales, les styles, etc.
▪️ Être capable de créer le design des autres types de publication : design des modèles d'une boutique WooCommerce avec Divi, comprendre les "Projets" de Divi...

Durée

⏱ Durée totale de la formation : 42h00 - dont :
🎬 6h30 de vidéos au sein de la plateforme
👩🏻‍💻 25h30 de mise en application
🤝 10h00 de tutorat en visio privée
📆 Soit 6 journées de formation à temps complet.

Tarifs

Le parcours complet de formation est au tarif de 1790€ net - TVA non applicable (Exonération de TVA prévu par l'Art. 261.4.4 a du CGI).

Le programme

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 (10h00)
• 10h00 de visio privée avec partage d’écran – à répartir sur 4 ou 5 séances

Informations complémentaires

Prérequis

Aucun prérequis pour suivre cette formation.

Lieu

Formation dispensée en ligne, au sein d'une plateforme d'apprentissage et en classe virtuelle (visio) avec tuteur privé.

Moyens pédagogiques

La formation s'articule autour des moyens pédagogiques suivants :
▪️ 10h00 de tutorat en visio, avec partage d'écran - dates et horaires à définir
▪️ 96 Vidéos tutorielles
▪️ Guide Divi PDF de +640 pages
▪️ Guide WooCommerce PDF de +275 pages
▪️ Glossaire en PDF des termes utiles
▪️ Réalisation de cas pratiques
▪️ Accès au forum questions-réponses privé sans date limite d'utilisation - le formateur vous répond directement par chat.
▪️ Accès à une plateforme d'apprentissage en ligne disponible 24h/7j

Délais d’accès

▪️ Un entretien téléphonique est nécessaire pour vérifier vos besoins et définir les dates de la formation.
▪️ L'organisme émet les documents nécessaires pour votre demande de prise en charge auprès de votre OPCO : devis, programme, etc. Vous attendez l'accord de principe.
▪️ L'accès à la plateforme de formation se fait après le paiement de la formation par virement et aux dates indiquées sur la convocation.
▪️ L'organisme émet les documents nécessaires pour obtenir votre remboursement total ou partiel auprès de votre OPCO.
▪️ Dans tous les cas, vous avez accès à votre formation sans limite de temps. Ainsi, vous accédez à toutes les prochaines mises à jour sans frais supplémentaires.

Formatrice

Lycia Diaz, conférencière, consultante et formatrice experte WordPress - auteure du livre "Je crée mon site avec WordPress" publié aux éditions Eyrolles - animatrice des blogs La Webeuse et Astuces Divi.

Évaluation

▪️ Quizz de 35 question pour valider la compréhension. Un taux de réussite de 60% est requis pour passer au module suivant.
▪️ Auto-évaluation de l'élève avant et après la formation

Public

Cette formation est particulièrement recommandée aux personnes suivantes :
▪️ Personnes en reconversion désirant devenir webmaster ou webdesigner
▪️ Personnes désirant monter en compétence dans le domaine de la création de sites web
▪️ Dirigeants de petites entreprises désirant créer et gérer leur propre site web
▪️ Personnes ayant un projet de blog ou de site web

Moyens techniques

La formation utilise les moyens techniques suivants :
▪️ Logs de présence sur la plateforme avec temps minimal imparti
▪️ Quizz interactif avec un taux minimal de 60% requis
▪️ Validation obligatoire d'une leçon pour passer à la leçon suivante
▪️ Vidéos à visionner
▪️ Supports PDF à lire
▪️ Tuteur privé durant 10h00

Accessibilité aux personnes en situation de handicap

Cette formation est accessible aux personnes en situation de handicap. Elle est réalisée 100% en distanciel.

N’hésitez pas à nous contacter si vous souffrez d’une situation handicapante, nous trouverons les solutions adéquates.

Consultez notre charte d’engagement.

Remplissez ce formulaire, vous serez rapidement contacté