Divi est l’un des thèmes WordPress les plus populaires et un constructeur visuel qui vous permet de concevoir des sites Web en temps réel. D’autre part, Elementor est reconnu comme le meilleur plugin de constructeur de pages WordPress qui est livré avec la fonctionnalité de glisser-déposer pour créer et personnaliser des sites en quelques minutes.
Ces deux constructeurs de pages sont assez puissants. En plus de nombreuses similitudes comme les widgets, les éléments et les fonctions de personnalisation, il existe de nombreuses différences.
Les gens utilisent principalement le constructeur Divi lorsqu’ils utilisent Elegant Themes alors qu’Elementor est compatible avec presque tous les thèmes. C’est l’une des principales raisons pour lesquelles de nombreux utilisateurs passent de Divi à Elementor. Le prix joue également un rôle essentiel dans ce processus de sélection.
Sommaire
Pré-requis pour passer de Divi à Elementor
Avant de plonger dans le tutoriel, vérifions les conditions préalables.
Tout d’abord, avant de convertir votre site Divi, assurez-vous d’avoir sauvegardé votre site. Vous pouvez utiliser n’importe quel plugin de sauvegarde WordPress pour effectuer ce processus.
Deuxièmement : Si vous utilisez un plugin de mise en cache WordPress, vous devez le désactiver.
Troisièmement : Il est recommandé de créer un site « staging » avant de procéder à la conversion. Vous pouvez simplement créer un site de démonstration en utilisant un plugin de duplication de site
Commençons :
Pour être honnête, il n’est pas possible de convertir l’ensemble du site ou une page Web spécifique de Divi à Elementor. Parce que Divi utilise des shortcodes pour construire du contenu web tandis qu’Elementor génère des codes HTML statiques.
Donc, si vous envisagez de convertir la conception de votre site de Divi à Elementor, vous devez le reconstruire. Ici, nous allons vous montrer comment reconstruire votre site Divi en utilisant le constructeur de pages Elementor.
Étape 1 : Installer Elementor
Etape 2. Supprimer Divi et les plugins associés
Étape 3 : Créer une nouvelle page
Étape 4 : Ajouter du contenu à la page en utilisant les Widgets d’Elementor
Étape 5 : Utiliser les modèles Elementor pour concevoir votre site Web
Suivez les étapes ci-dessus pour refaire votre site Web avec Elementor.
Étape 1 : Installer Elementor
Tout d’abord, vous devez aller dans le menu Plugins->Add New.
Vous serez redirigé vers la page des plugins. Ici, vous devriez trouver le plugin ‘Elementor‘ dans le répertoire des plugins en effectuant une recherche. Cliquez ensuite sur le bouton Installer pour installer le plugin. Après cela, vous devez activer le plugin.
Après avoir terminé l’activation du plugin, vous devez vous rendre dans la zone Elementor->Settings pour gérer les paramètres de base d’Elementor.
Étape 2. Suppression de Divi et des plugins associés
Après avoir terminé le processus d’installation, votre prochaine étape consiste à désactiver Divi et ses plugins recommandés de votre site Web. Vous trouverez alors beaucoup de pages avec les shortcodes restants.
Étape 3 : Créer une nouvelle page
Nous sommes maintenant prêts à convertir notre site Web. Tout d’abord, nous devons créer une nouvelle page. Pour ce faire, allez dans Pages->Add New.
Nous avons créé une nouvelle page (Page de démonstration). Nous avons également défini les paramètres de la page.
Définissez le Page Layout->Elementor Canvas.
Cliquez sur le bouton Publier pour publier la page.
Cliquez sur le bouton Editer avec Elementor pour ouvrir la page dans le panneau de l’éditeur Elementor.
Étape 4 : Ajouter du contenu à la page à l’aide des widgets Elementor
Bien joué. Vous avez réussi à créer votre page Web et vous êtes prêt à la modifier avec Elementor.
Et il est temps d’ajouter du contenu à la page. Elementor est livré avec des widgets glisser-déposer que vous pouvez utiliser pour concevoir votre page Web.
Ajoutons un widget d’en-tête. Trouvez simplement le widget Heading dans la galerie de widgets. Ensuite, faites glisser et déposez le widget à l’endroit approprié pour votre page Web.
Étape 5 : Utilisez les modèles Elementor pour concevoir votre site Web
Elementor est également livré avec quelques modèles de sites prêts à l’emploi pour la conception d’un site Web. Vous pouvez choisir un modèle approprié en fonction de vos objectifs de conception. Cependant, vous pouvez personnaliser ces modèles à votre manière.
Voyons comment utiliser le modèle de site Web d’Elementor.
Tout d’abord, cliquez sur l’icône Modèle.
Dans la fenêtre modale suivante, vous trouverez tous les blocs et modèles Elementor.
Vous pouvez choisir le bon modèle ou les bons blocs à partir d’ici. Pour utiliser ce modèle, vous devez cliquer sur le bouton Installer et attendre un moment pour l’installation.
