Formation Divi 2025 : Créer un site WordPress de A à Z

Introduction à notre formation Divi

Divi est un constructeur visuel puissant qui permet de concevoir des pages web en glisser-déposer, sans aucune ligne de code. Il est apprécié pour sa flexibilité, ses nombreuses fonctionnalités et son interface intuitive. Il s’adresse à tous les profils : freelances, agences ou entrepreneurs.

Un des grands avantages de Divi, c’est sa licence Lifetime à paiement unique, une rareté dans le monde des constructeurs WordPress. Cette licence à vie vous permet de l’utiliser sur un nombre illimité de sites. C’est une solution très rentable à long terme pour les professionnels du web.

Hébergement et installation de WordPress

Pour bien démarrer votre site avec Divi, il vous faut un hébergeur compatible et optimisé pour WordPress. Copilhost est recommandé ici pour sa facilité d’installation, ses performances et sa compatibilité totale avec Divi.

Vous apprendrez à créer un site de test, accéder à l’administration WordPress, choisir un nom de domaine personnalisé, et préparer un environnement propre et fonctionnel pour démarrer votre projet web.

Premiers réglages WordPress

Avant d’installer Divi, il est important de nettoyer votre site. Supprimez les contenus inutiles comme les articles de démonstration, les médias superflus ou les extensions non nécessaires. Cela vous évitera des conflits futurs.

Configurez les permaliens pour qu’ils soient lisibles et adaptés au référencement, puis choisissez une page d’accueil statique afin de mieux contrôler la navigation et l’apparence de votre page d’accueil.

Installation et activation du thème Divi

L’installation du thème est très simple : il suffit de le téléverser et de l’activer via le menu Apparence de WordPress. Pensez à activer votre licence Divi afin de bénéficier des mises à jour automatiques, des templates premium et des modules avancés.

Identité visuelle : logo et couleurs

Une des premières personnalisations concerne l’identité graphique. Ajoutez votre logo dans les options de thème, puis définissez une palette de couleurs cohérente avec votre image de marque. Cela vous fera gagner un temps précieux lors de la construction des pages. Divi utilise ensuite ces couleurs dans tous les modules pour vous offrir une cohérence visuelle sans effort.

Premiers pas avec Divi Builder

Divi Builder repose sur un système modulaire : sections (bleu), rangées (vert) et modules (gris). Cette structure logique vous permet d’organiser visuellement vos contenus.

Dès vos premières manipulations, vous apprendrez à ajouter des modules de texte, image ou bouton, à structurer vos pages et à gérer les différents affichages (vue filaire, responsive, layers, etc.).

Personnalisation des modules

Chaque module Divi propose trois onglets : Contenu, Style et Avancé. C’est ici que vous ajusterez typographies, tailles, marges, ombres, animations, etc.

Vous pouvez appliquer vos réglages de façon précise et enregistrer des versions réutilisables pour optimiser votre productivité. L’expérience de création est à la fois visuelle et logique.

Astuces de productivité

Escape pour quitter un module, recherche directe de fonctionnalités, copier-coller de style, bibliothèque Divi et préréglages personnalisés : toutes ces astuces permettent de gagner un temps précieux.

Divi intègre aussi un système de raccourcis claviers et de duplication intelligente pour aller plus vite sans compromettre la qualité.

Responsive Design

L’interface Divi vous permet d’adapter chaque module à l’appareil (PC, tablette, mobile) en choisissant différentes valeurs selon l’écran. Vous pouvez également masquer certains éléments selon le support pour plus de lisibilité.

Cette adaptabilité est essentielle aujourd’hui où une grande partie des visiteurs naviguent sur mobile. Divi permet même de prévisualiser chaque format d’appareil directement depuis l’interface.

Zoning et structuration de vos pages

Avec le zoning, vous visualisez votre mise en page sous forme de blocs et de boîtes. Cela facilite la réflexion, la reproduction de maquettes, et l’organisation des sections de vos pages pour une lecture fluide.

Cette approche est parfaite pour les débutants comme pour les webdesigners expérimentés. Elle permet de créer une hiérarchie visuelle claire et efficace.

Utilisation des modèles Divi

Gagnez du temps en important des modèles de pages professionnels, disponibles dans la bibliothèque Divi. Vous pouvez ensuite les personnaliser à votre goût.

Ces layouts préfabriqués sont très utiles pour créer des pages cohérentes rapidement, tout en conservant un design professionnel adapté à votre secteur.

Création de pages et navigation

Créez les pages classiques de votre site (À propos, Contact, Services…) à l’aide de Divi Builder. Une fois vos pages en place, gérez votre menu WordPress pour structurer la navigation.

Le menu vous permet de créer une expérience utilisateur fluide, essentielle pour la rétention des visiteurs.

Formulaire de contact

Ajoutez un formulaire personnalisé avec le module prévu : champs, bouton, message de confirmation, redirection, protection anti-spam…

Vous pouvez même rediriger vers une page de remerciement ou intégrer un service SMTP pour améliorer la délivrabilité et éviter que vos messages n’arrivent en spam.

Header & Footer personnalisés avec Theme Builder

Divi vous permet de créer un header et un footer personnalisé grâce au Theme Builder.

Vous pouvez même télécharger des modèles gratuits depuis le blog Divi et les adapter à votre design, pour un résultat cohérent et professionnel.