• Tout public

Cette formation vous permet d’être autonome dans la gestion du design de votre site WordPress utilisant le thème Divi 5, en étant capable de réaliser les points suivants :
- Être capable de mettre en place l’environnement Divi 5 : installation et paramétrage du thème, découvertes des concepts fondamentaux et de l’interface du thème Divi 5.
- Être capable de créer des mises en page structurées : comprendre la logique des layouts, manipuler sections, lignes et modules, et utiliser les systèmes de mise en page modernes (Flexbox, CSS Grid).
- Être capable de configurer et personnaliser les modules Divi 5 : gérer les styles, les effets, les interactions, les contenus dynamiques et les options avancées.
- Être capable de concevoir un site responsive : adapter les designs aux différents écrans, utiliser les breakpoints et optimiser l’expérience mobile.
- Être capable de mettre en place un Design System cohérent : définir un guide de styles, gérer les couleurs, typographies, presets et compositions globales.
- Être capable d’utiliser le Theme Builder : créer et personnaliser les modèles globaux du site (header, footer, articles, archives, pages spécifiques).
- Être capable de migrer un site de Divi 4 vers Divi 5 : sécuriser la migration, tester et gérer les éventuelles incompatibilités.
- Être capable d’exploiter des fonctionnalités avancées grâce au vibe coding : utiliser l’IA de Divi 5, intégrer des effets modernes, créer des interfaces sur-mesure et s’inspirer des bonnes pratiques actuelles.

La formation est composée de 153 vidéos réparties sur 100 leçons :

CHAPITRE 1 – Thème Divi & interface
—
• Obtenir Divi,
• Installer Divi et activer la clé de licence
• Les options du thème Divi
• Paramétrage via le « customizer »
• Gérer les menus & widgets
• Comprendre Divi
• Mettre à jour Divi
• Découverte du Visual Builder
• Quiz 1

———

CHAPITRE 2 – Mise en page & dispositions
—
• Introduction
• La notion de « Layout »
• Sections, lignes & modules : c’est la base
• La logique des options
• Exercice : créer une mise en page simple
• Les « premade layouts »
• Bibliothèque Divi & export-import
• Flexbox CSS
• CSS Grid
• Flexbox ou CSS Grid
• Lignes & modules imbriquées / Groupes de modules
• L’inspecteur Divi
• Marges, espacements & dimensions
• Les unités CSS
• Dernières pensées
• Quiz 2

———

CHAPITRE 3 – Modules & paramétrages
—
• Les arrières-plan
• Les filtres
• Les ombres, les bordures et les séparateurs
• Étendre les styles
• Les options de transformation
• Les animations d’entrée
• Les effets au survol (hover) et les transitions
• Les positions
• Les effets au scroll
• Les effets d’empilement
• Les conditions & la visibilité
• Les attributs
• Les interactions
• Challenge « Gumroad »
• Lottie
• Group Carousel
• Contenus dynamiques et variable manager
• Loop Builder
• Challenge « MoraMora »
• Quiz 3

———

CHAPITRE 4 – Responsive Design
—
• Les Media Queries
• Les options responsives de Divi
• Les breakpoints
• Cas particulier : menu mobile responsive
• Défis « Gumroad mobile »
• Optimisation mobile
• Quiz 4

———

CHAPITRE 5 – Design System
—
• Qu’est-ce que le Design System
• Préparer le guide des styles
• Les couleurs
• Les polices
• Les presets / pré-réglages
• Les variations de styles
• Compositions simples
• Compositions synchronisées
• Maintenir le design system
• Quiz 5

———

CHAPITRE 6 – Theme Builder
—
• Comprendre le Theme Builder
• Modèle de site par défaut
• Headers & footers personnalisés
• Landing page sans header ni footer
• Page du blog
• Pages d’archives dynamiques
• Modèles des articles
• Page 404
• Résultats de recherche
• Astuces & bonnes pratiques
• Quiz 6

———

CHAPITRE 7 – Migration de Divi 4 à Divi 5
—
• Introduction à la migration
• Sauvegarder le site
• Tester sur un environnement de staging
• Migrer de Divi 4 à Divi 5
• Gérer les incompatibilités
• Rétrograder si nécessaire
• Quiz 7

———

CHAPITRE 8 – IA, Vibe Coding & inspirations
—
• Divi Quick Site / Divi AI
• Menus sur-mesure
• Effets modernes (glassmorphism…)
• Curseur personnalisé
• Optimisations UX/UI
• Cas pratiques
• Inspirations
• Quiz 8

———

Tutorat individuel en visio (1h00)
• Session privée avec partage d’écran
• Questions / réponses personnalisées

Bonne connaissance de WordPress

Durée totale : 40 heures
1 à 3 mois selon l'implication et le temps quotidien imparti

Formacode (Domaines de formation) :

• 70707 Logiciel WordPress
• 31090 Développement web

Rome (Métiers) :

• E1101 Animation de site multimédia
• E1104 Conception de contenus multimédias
• E1205 Réalisation de contenus multimédias
• M1805 Études et développement informatique

NSF (Spécialités de formation) :

• 321 Journalisme et communication (y compris communication graphique et publicité)

Modalités pédagogiques
153 vidéos pédagogiques basées sur Divi 5. 37 ressources téléchargeables. Exercices pratiques. Mises en situation concrètes. Quiz de validation des acquis. Accompagnement individuel de 1h00 en visio

Accès handicapés
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.

Consulter les fiches détaillées sur le site de l'organisme :
Fiche 1
Fiche 2