Comment convertir votre site Divi sur Elementor WordPress

Partager sur facebook
Partager sur twitter
Partager sur linkedin

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.

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.

Allez dans la zone Plugins->Ajouter un nouveau.

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.

Trouver le plugin Elementor

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.

Elementor Settings

É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.

Allez dans Pages->Ajouter une nouvelle zone

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.

Paramètres de la page

É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.

Panneau de l'éditeur 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.

Paramètres de base du panneau de l'éditeur Elementor

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.

Ajouter un widget d'en-tête

É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.

Cliquez sur l'icône Modèle

Dans la fenêtre modale suivante, vous trouverez tous les blocs et modèles Elementor.

Bibliothèque de 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.

 

Derniers Articles

Partager sur facebook
Partager sur twitter
Partager sur linkedin

Laisser un commentaire

Derniers Articles

Rejoignez le dojo

Plus de 7 000 ninjas reçoivent les techniques secrètes de Wordpress chaque mois! Pourquoi pas vous?