Formation Divi 4 avancé : Pour les développeurs

Programme de notre formation Divi avancé

Les nouveautés de la version 4

• Divi AI pour la génération de texte
• Divi AI pour la génération d’images
• Divi Cloud pour traviller en équipe
• Divi Code Snippets Library
• Theme Builder Library

L’environnement de développement Divi

• Les prés-requis logiciel
• Les meilleurs outils de développement en local
• Installation de Docker
• Lancement du conteneur WordPress
• Les commandes principales

Créer une extension Divi

• Les prés-requis logiciel
• Créer son extension
• Troubleshooting

Créer des modules personnalisés avec React

• Présentation des hooks wordpress
• Utiliser les hooks
• Créer son composant avec PHP
• Ajouter la bibliothèque React
• Présentation des niveaux de compatibilité
• Définir les paramètres des modules et des groupes de modules
• Utiliser du CSS personnalisé
• Les champs avancés
• Modifier la visibilité

Création de thèmes sur Divi

• Déterminer sa charte graphique
• Configurer le header
• Créer des éléments fixes (navigation et menu)
• Créer sa sidebar et ses widgets
• Créer ses pages 404
• Concevoir son footer
• Comment créer son blog ?
• Concevoir des pages catégorie
• Configurer la page d’accueil
• Designer une page membre
• Créer des modèles de page avec le Divi Builder

Utilisation de l’API JavaScript

• Présentation de l’API
• Utiliser les Modules
• Utiliser les Utils
• isRegistered(slug) et .registerModules(modules)

Design avancé

• Personnaliser son module pour ses besoins
• Créer des sections specialty
• Créer des dispositions complexes avec de multiples colonnes
• Utiliser les options Grid et Flex
• Utiliser des polices personnalisées
• Créer des modifications en hover
• Designer ses effets de bordures et d’ombres
• Créer des éléments interactifs
• Designer le scroll

Module complémentaire (+1 jour) : Créer un site E-commerce avec Divi

Introduction

• Présentation du plugin Divi Ecommerce
• Pourquoi utiliser Divi avec Woocommerce ?
• Exemples de sites e-commerce créés à partir de Divi

Les pages essentielles

• Design de la page de commande
• Design de la page de collection
• Création du panier
• Créer une popup

Intégration avec les outils tiers

• Intégration avec les réseaux sociaux
• Intégration avec les plateformes d’email marketing
• Intégration avec WooCommerce
  • Les modules WooCommerce et leurs fonctionnements
  • Les réglages des pages produits
  • La mise en place du fil d’ariane