Objectifs pédagogiques de la formation Gérer un site WordPress avec Divi
- Découvrir les nouvelles fonctionnalités et améliorations de Divi 5
- Utiliser l’interface modernisée pour un flux de travail simplifié
- Maîtriser les outils avancés comme la gestion des calques, les effets de survol et le mode rayon X
- Personnaliser l’interface utilisateur pour améliorer le confort utilisateur et l’efficacité
- Appliquer les réglages de responsive design
- Exploiter les gains de performance pour une expérience de développement fluide
Formation WordPress DIVI en distanciel ou présentiel par Stéphane ARRAMI, spécialiste développeur WordPress et concepteur de sites.
Contenu de la formation Divi WordPress *
* Programme de formation à titre indicatif et adapté sur-mesure selon vos besoins.
Matinée : Découverte et prise en main de Divi 5
Module 1 : Introduction et présentation des nouveautés (1h30)
- Comparaison entre Divi 4 et Divi 5 :
- Quelles sont les évolutions majeures ?
- Aperçu des améliorations en termes de performances et d’interface.
- Présentation des principales nouveautés :
- Barre d’outils fixe.
- Mode nuit et personnalisation visuelle.
- Réduction des icônes superflues.
- Installation pratique :
- Guide étape par étape pour accéder à la version Alpha et configurer un environnement de test.
Exercice pratique : Installer et configurer Divi 5 sur un site de test.
Module 2 : Maîtrise de l’interface modernisée (1h30)
- Navigation intuitive et personnalisation :
- Barre d’outils fixe : exportation, importation, sauvegarde, suppression en un clic.
- Fil d’Ariane contextuel pour une navigation simplifiée.
- Modification des couleurs et thèmes visuels de l’interface.
Exercice pratique : Créer une page simple en testant la navigation et la personnalisation des outils.
Après-midi : Conception avancée et optimisation
Module 3 : Gestion des calques et structure avancée (1h30)
- Outils pour les calques :
- Dock latéral et gestion optimisée des sections et modules.
- Mode « Rayon X » : visualisation détaillée de la structure de la page.
- Icônes actives et indications visuelles au survol.
Exercice pratique : Concevoir une page complexe en exploitant la gestion des calques et le mode « Rayon X ».
Module 4 : Paramètres instantanés et responsive design (1h30)
- Réglages rapides :
- Ouverture directe des paramètres de modules, lignes ou sections.
- Optimisation des effets hover et transitions animées.
- Responsive design :
- Gestion via la barre latérale dédiée : desktop, tablette, mobile.
- Ajustement des tailles, alignements, et polices pour chaque appareil.
Exercice pratique :
- Configurer un bouton interactif avec des effets hover.
- Adapter une page existante pour un affichage optimal sur mobile et tablette.
Module 5 : Optimisation, sauvegardes et collaboration (1h)
- Optimisation des performances :
- Exploration des gains en vitesse et en fluidité sous Divi 5.
- Mesure des temps de chargement et comparaison avec Divi 4.
- Sauvegardes et collaboration :
- Utilisation du bouton de sauvegarde visible en permanence.
- Création et gestion d’une bibliothèque d’éléments réutilisables.
- Collaboration en temps réel sur un projet.
Exercice pratique :
- Mesurer les performances d’une page.
- Créer et sauvegarder une bibliothèque d’éléments réutilisables.
Conclusion et synthèse (30 minutes)
- Questions/réponses sur Divi 5.
- Résumé des fonctionnalités principales vues dans la journée.
- Suggestions de bonnes pratiques pour une utilisation efficace.