brand-lws-red brand-lws-white
Tutoriels

WordPress
time_read22mn de lecture

Comment installer et utiliser Divi Builder sur WordPress ?

19 mai 2022

Comment installer et utiliser Divi Builder sur WordPress ?

Divi est un des thèmes prémiums les plus populaires de WordPress. Avec plus de 800 000 utilisateurs actifs dans le monde, Divi a su séduire le public WordPress grâce à ses nombreuses fonctionnalités.

En dehors du thème Divi, il existe un constructeur de pages appelé Divi Builder, par Elegant Themes. Distribué comme une extension, vous pouvez utiliser Divi Builder sur n’importe quel thème WordPress pour construire vos pages. 🤩

Objectif

Cet article explique, étape par étape, comment installer et utiliser Divi Builder sur WordPress. Découvrez comment installer l’extension, mais aussi comment utiliser un modèle Divi et créer une page avec Divi.

Prérequis

Avant de vous lancer dans l’utilisation de Divi Builder, vous devez au préalable :

Installer Divi Builder sur WordPress

⚠️ Tout d’abord, vous devez noter que Divi Builder n’est pas une extension gratuite. ⚠️ Cela étant, vous ne la retrouverez pas sur le répertoire officiel des plugins gratuits de WordPress. Vous devez plutôt la télécharger depuis le site d’Elegant Themes. Pour cela, vous devez acheter une licence qui peut être annuelle ou à vie.

Une fois que vous avez une licence, vous aurez la possibilité de télécharger l’extension Divi Builder ou le thème Divi. Il suffit de vous rendre dans votre compte via le bouton « Account » puis sur la page « My downloads ». Vous aurez deux options, l’une pour télécharger le thème et l’autre pour l’extension.elegant themes Vous devez télécharger l’extension Divi Builder en cliquant sur le bouton correspondant. Celle-ci doit être au format ZIP.

Une fois que vous avez le fichier ZIP de l’extension Divi Builder, passez à son installation sur WordPress. Ainsi, connectez-vous à votre espace d’administration. Ensuite, rendez-vous dans la section « Extensions › Ajouter ».extensions/ajouter Vous serez redirigé vers l’interface d’installation des extensions. Cliquez sur le bouton « Téléverser une extension ».téléverser une extension Une fois que vous avez cliqué, vous serez redirigé vers une nouvelle interface. Vous devez cliquer sur le bouton « Choisir un fichier ». Vous serez amené à choisir le fichier ZIP de l’extension depuis votre ordinateur. Ensuite, cliquez sur le bouton « Installer maintenant ».choisir une extension à installer Le téléversement de l’extension va commencer, ensuite l’installation. Dès que l’installation est terminée, vous serez redirigé vers une nouvelle interface. activer l'extensionVous devez cliquer sur le bouton « Activer l’extension » afin de rendre ce plugin fonctionnel sur votre site.installation de l'extension terminée

Vous aurez une page de confirmation, qui témoigne que tout s’est déroulé avec succès.

Utiliser les modèles Divi

La puissance de Divi Builder réside aussi dans ses nombreux modèles. Divi, ce sont des centaines de modèles prédéfinis que vous pouvez facilement personnaliser et publier. Ce qui vous permet de gagner du temps dans la création et publication de vos pages.

Pour accéder rapidement à ces modèles et les utiliser pour créer une page, rendez-vous dans la section « Pages › Ajouter ».créer une page avec Divi Builder Une nouvelle interface vous sera présentée. Si vous utilisez l’éditeur Gutenberg sur votre site, cliquez sur le bouton « Utiliser Divi Builder ».

utiliser GutenbergEt si vous utilisez l’éditeur classique, vous devez cliquer sur le bouton « Utiliser le générateur Divi ».utiliser le générateur Divi Une fois cliqué, vous serez redirigé vers une nouvelle interface. Pour accéder aux modèles, cliquez sur le bouton « Choisir la mise en page ».choisir la mise en page Ensuite, vous serez redirigé vers la plateforme de modèles de Divi.modeles DiviSur cette interface, vous trouverez de nombreux modèles, classés selon les thématiques.

Tout ce que vous avez à faire est de choisir un modèle et cliquez sur le bouton « Use This Layout ». Une fois cliqué, le modèle sera téléchargé sur votre site. Vous avez de plus, sur le côté droit, les éléments constitutifs du modèle.choisir un modele

Le téléchargement peut prendre quelques secondes. 💡 Téléchargement du modèleUne fois que le téléchargement est terminé, vous serez redirigé vers l’interface de personnalisation du modèle.personnalisation du modèle Ainsi, vous avez plusieurs boutons et options pour adapter ce modèle à vos souhaits. Vous avez la possibilité d’ajouter, tout comme retirer, des modules ou des éléments en toute facilité.

Créer une page avec Divi

Les modèles Divi sont faits pour permettre la création rapide des pages. Cependant, vous pouvez partir également de zéro pour créer une page en utilisant les outils fournis par Divi Builder. Pour cela, vous devez vous rendre dans la section « Pages › Ajouter ». Ensuite, cliquez sur le bouton « Commencer à construire ». 👇construire une page Une fois cliqué, vous serez redirigé vers l’interface de création de pages. utiliser Divi Builder sur WordPress et créer une pageVous pouvez commencer à ajouter des sections à votre page, ensuite, y insérer des éléments.

Intégrer une section avec Divi

Pour intégrer une section à une page avec Divi, cliquez sur le deuxième bouton « + ».ajouter une section avec Divi Une fois que vous avez cliqué, l’interface sera développée. Vous avez alors la possibilité de choisir entre trois modèles de sections.choisir un modèle sections

  • Normal : ce modèle ajoute une section unique et ordinaire dans laquelle, vous pouvez ajouter des éléments
  • Spécialité : ce modèle permet d’ajouter des modèles contenant des colonnes à l’intérieur. Il vous permet de créer des pages avec des colonnes latérales.
  • Plein cran : la section qui sera ajoutée affichera un contenu en plein cran.

Une fois que vous avez choisi, la section s’ajoute automatiquement à la page. section ajoutéeVous pouvez également obtenir des modèles directement depuis la bibliothèque en cliquant sur le bouton « Ajouter de la bibliothèque ».

Insérer une rangée avec Divi

De la même manière que la section, vous pouvez ajouter une rangée en cliquant sur le premier bouton « + ».ajouter une rangée Une fois que vous avez cliqué, l’interface sera développée. Vous pouvez ainsi choisir le type de rangées que vous souhaitez insérer.choisir un modéle de rangée Chaque modèle que vous choisissez modifiera la présentation de la page.

Ajouter un module avec Divi

Les modules permettent d’ajouter des éléments spécifiques à la rangée ou directement à une section d’une page. Pour ajouter un module, cliquez sur le bouton « + » en noir. ajouter un moduleUne fois cliqué, la liste de modules sera déroulée. Tout ce que vous avez à faire est de cliquer sur le module que vous souhaitez insérer.choisir un module à insérer

Lorsque vous ajoutez un module, Divi vous donne la possibilité de le modifier en ajustant la police, la couleur et en tout faire la personnalisation complète.personnaliser un module Une fois terminé, cliquez sur le bouton d’enregistrement ou de publication pour mettre votre page en ligne.

Conclusion

🥳 Toutes nos félicitations ! Vous pouvez désormais installer et utiliser Divi Builder sur WordPress sans faire intervenir un développeur. Cette extension puissante ajoute des fonctionnalités supplémentaires à votre thème WordPress afin de créer des pages au même titre que le thème Divi.

🚀 Pour développer votre site WordPress et tirer des avantages de Divi Builder,

consultez les offres d’hébergement WordPress proposées par LWS !🚀

Si vous avez des questions sur ce tutoriel ou sur les offres de LWS, contactez-nous via la rubrique Commentaires.

Avatar de l'auteur

Auteur de l'article

Joseph

Joseph est rédacteur web depuis quatre ans. Ses thématiques préférées sont le digital et le web marketing et l’e-commerce. La persévérance, l’assiduité et le courage font partie de sa méthode de travail. C'est ce qui lui permet d'affronter n’importe quel sujet.

Avis client de l'hébergeur LWS

Nos avis Trustpilot Nos avis Hostadvice Nos avis sur avis.lws.fr
Avis trustpilot 30/04/2022

LWS l'hébergeur par excellence !

LWS est pour moi l'hébergeur par excellence, que cela soit au niveau de l'hébergement qui est très performant, les mails qui sont d'une qualité professionnelle et de la gestion du domaine facile à comprendre.

PauseGreen

Avis hostadvice 27/04/2022

Super, au top !

Au top, prix attractif. Service très rapide et réactif. Je l'ai même personnellement recommandé à des proches. La vie est bien plus facile avec LWS

Masset Eliot

Avis avislws 26/04/2022

Support

Clair, efficace, rapide et à tarif abordable. J'ai maintenant un site superbe à mon image, puisque je le fais moi-même. L'équipe technique est au top, j'ai une réponse en 20 minutes, cela change d'autres hébergeurs pourtant plus connu.

Lady Whip

Avis hostadvice 24/04/2022

Bravo et merci

Bravo et merci aux équipes techniques pour leur réactivité et leur professionnalisme depuis plus de 10 ans chez eux et de nombreux sites !!! Merci

Olivier Delmas

Avis trustpilot 23/04/2022

Je suis très satisfait.

J'ai commandé un hébergement pour le site d'une association. Tout s'est passé très rapidement et sans la moindre embuche. La tarification est attractive et me parait très claire. Le panneau d'administration de l'hébergement est facile à utiliser et à comprendre. Je n'ai pas encore installé Wordpress car le contenu n'est pas prêt mais ce sera la prochaine étape et je suis très confiant. Merci !

Pierre-André Liné

Avis avislws 20/04/2022

Un service technique excellent

Je suis client chez LWS depuis 2011 avec une boutique OSCommerce qui tourne comme une horloge depuis cette date sur un hébergement mutualisé. La disponibilité de la boutique est très proche de 100%. Concernant les rares problèmes rencontrés en huit ans, j’ai eu à chaque fois un technicien compétent qui a résolu le problème très rapidement et efficacement. Je suis en train de migrer sur une plateforme Pretashop sur un VPS, avec l’offre LWS Debian 9 et Prestashop. Un technicien m’a grandement aidé pour finaliser l’installation de la boutique lors de la mise à jour vers la dernière version de Prestashop 1.7 qui posait problème. Je suis très satisfait de LWS, et ce sur la durée : réponses et réactions rapides et efficaces. Je recommande cet hébergeur et encore merci.

Alain

Avis trustpilot 16/04/2022

Une expérience jamais égalée !

Étant Développeur Web & Mobile Full-Stack depuis plus de 5 ans déjà, j'ai rarement eu un service client aussi rapide et efficace. Sans compter la qualité du service en ligne. Je recommande VIVEMENT LWS !

Chris KOUAKAM

Avis hostadvice 12/04/2022

Très bon hébergeur

J'ai un serveur VPS chez eux et je n'ai aucun problème, dès qu'il y a un problème le service technique est la pour vous aider et répond assez rapidement à votre demande. Je recommande vivement cet hébergeur.

Vanden Cruyce

Avis avislws 09/04/2022

Je suis ravie

Je suis ravie d'être avec LWS sur tous les plans, je remercie les Techniciens (Fabrice, Omar, Sandy-Mahitsison) depuis plus de 8 ans j'ai évolué avec LWS et toujours soutenue. Une véritable relation humaine même si les questions ou nos inquiétudes ne correspondent pas à leurs missions, ils sont là pour nous répondent et nous rassurent. Mon site c'est mon travail ma source de revenue donc il sont mes partenaires ! les travailleurs de l'ombre merci à eux ! Merci LWS

L'atelier-and-Co

Commentaires (0)

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée.