Sélectionner une page
Formations Web CMS Formation Divi 4 avancé : Pour les développeurs

Formation Divi 4 avancé : Pour les développeurs

formation divi avance
Prix 1890€ HT / personne
3 jours (21 heures)

Paris | Classe Virtuelle

Dernières places Virtuelle uniquement
Labs : Infrastructure DaaS avec Chrome
Cafés et déjeuners offerts en interentreprises
En intra-entreprise pour former votre équipe
Aide au financement 4000€ Bonus Atlas CPF

Présentation

Devenez expert en développement sur Divi et ses modules avancés pour créer des sites aux designs complexes et esthétiques.

Durant cette formation Divi avancé, vous découvriez l’environnement de développement de Divi grâce aux meilleurs outils de développement à utiliser ainsi que l’installation de Docker. Vous connaîtrez les commandes principales afin d’optimiser le graphisme de votre site web.

Vous apprendrez à créer des thèmes uniques ou des modules personnalisés via React qui exprimeront parfaitement l’identité de votre marque et votre vision artistique. Jouez avec les sections specialty, les dispositions complexes et les effets visuels comme les bordures ou les ombres pour un design qui épate.

Nous vous enseignerons les bonnes pratiques d’utilisation pour renforcer vos capacités de développement. En effet, nous vous présenterons les outils et les méthodes pour renseigner les balises facilement et accélérer la vitesse de chargement de vos pages.

La formation utilisera la dernière version stable en date du projet : WordPress 6.3 et Divi 4.

 

Objectifs

  • Maîtriser les fonctionnalités avancées de Divi 4
  • Savoir configurer l’environnement de développement Divi
  • Développer des extensions et des modules personnalisés
  • Concevoir des thèmes sur Divi
  • Savoir utiliser l’API JavaScript

 

Public visé

  • Développeur
  • Webmaster
  • Webdesigner

 

Pré-requis

Expérience sur WordPress et Divi.

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

Langues et Lieux disponibles

Langues

  • Français
  • Anglais / English

Lieux

  • France entière
    • Paris
    • Lille
    • Reims
    • Lyon
    • Toulouse
    • Bordeaux
    • Montpellier
    • Nice
    • Sophia Antipolis
    • Marseille
    • Aix-en-Provence
    • Nantes
    • Rennes
    • Strasbourg
    • Grenoble
    • Dijon
    • Tours
    • Saint-Étienne
    • Toulon
    • Angers
  • Belgique
    • Bruxelles
    • Liège
  • Suisse
    • Genève
    • Zurich
    • Lausanne
  • Luxembourg

Le(s) Formateur(s)

Témoignages

⭐⭐⭐⭐⭐ 4,8/5 sur Google My Business. Vous aussi, partagez votre expérience !

Afficher tous les témoignages

⭐⭐⭐⭐⭐ 4,8/5 sur Google My Business. Vous aussi, partagez votre expérience !

Noter la formation

Prix 1890€ HT / personne
3 jours (21 heures)

Paris | Classe Virtuelle

Dernières places Virtuelle uniquement
Labs : Infrastructure DaaS avec Chrome
Cafés et déjeuners offerts en interentreprises
En intra-entreprise pour former votre équipe
Aide au financement 4000€ Bonus Atlas CPF

UNE QUESTION ? UN PROJET ? UN AUDIT DE CODE / D'INFRASTRUCTURE ?

Pour vos besoins d’expertise que vous ne trouvez nulle part ailleurs, n’hésitez pas à nous contacter.

ILS SE SONT FORMÉS CHEZ NOUS

partenaire sncf
partenaire hp
partenaire allianz
partenaire sfr
partenaire engie
partenaire boursorama
partenaire invivo
partenaire orange
partenaire psa
partenaire bnp
partenaire sncf
partenaire hp
partenaire allianz
partenaire sfr
partenaire engie
partenaire boursorama
partenaire invivo
partenaire orange
partenaire psa
partenaire bnp