📌 Elementor est déjà installé sur votre WordPress. Maintenant, vous allez apprendre à créer votre première page et la personnaliser en quelques étapes.
🔹 Pourquoi Elementor est un excellent choix ?
✅ Interface intuitive en glisser-déposer (drag & drop).
✅ Permet de créer des pages modernes et personnalisées sans coder.
✅ Compatible avec tous les thèmes WordPress et optimisé pour le SEO.
📌 Ouvrir l’éditeur Elementor
1️⃣ Dans WordPress, allez dans Pages > Ajouter une nouvelle.
2️⃣ Donnez un titre à votre page (ex: “Accueil”, “À propos”, “Services”).
3️⃣ Cliquez sur Modifier avec Elementor.
4️⃣ Vous arrivez sur l’interface visuelle d’Elementor.
📌 L’éditeur Elementor est divisé en trois parties principales :
1️⃣ Zone principale → C’est là que vous construisez votre page.
2️⃣ Barre latérale gauche → Contient tous les widgets (titres, images, boutons, etc.).
3️⃣ Barre supérieure → Pour enregistrer, prévisualiser et publier votre travail.
1️⃣ Cliquez sur le + (Ajouter une section).
2️⃣ Choisissez une structure de colonne (1, 2, 3 colonnes, etc.).
1️⃣ Glissez-déposez des éléments depuis la barre latérale gauche vers votre section :
📌 Personnaliser le contenu
📌 Elementor propose des modèles prêts à l’emploi pour accélérer votre design.
1️⃣ Cliquez sur l’icône Dossier 📂 (Ajouter un modèle).
2️⃣ Sélectionnez un template gratuit ou Pro.
3️⃣ Cliquez sur Insérer et personnalisez le texte et les images.
📌 Optimisation mobile essentielle car +60% des visites viennent des smartphones.
1️⃣ Cliquez sur Mode Responsive (📱 en bas à gauche).
2️⃣ Ajustez la taille du texte, des images et l’espacement.
3️⃣ Vérifiez que tout s’affiche correctement et sans coupure.
📌 Une fois votre page prête, testez-la avant publication.
1️⃣ Aperçu → Cliquez sur l’icône 👁️ en bas à gauche.
2️⃣ Enregistrer → Cliquez sur le bouton “Enregistrer comme brouillon” si vous souhaitez modifier plus tard.
3️⃣ Publier → Cliquez sur “Publier” pour mettre votre page en ligne.
📌 Elementor Pro ajoute des fonctionnalités avancées pour un design plus professionnel :
✅ Theme Builder → Créer des en-têtes et pieds de page personnalisés.
✅ Popup Builder → Ajouter des popups dynamiques.
✅ Form Builder → Intégrer des formulaires de contact avancés.
✅ WooCommerce Builder → Personnaliser les pages produits et panier.
✅ Effets Avancés → Animations, parallaxe, motion effects.
⚠️ Ne pas surcharger votre page avec trop de widgets → Cela ralentit le site.
⚠️ Toujours tester l’affichage mobile → Beaucoup de visiteurs viennent sur mobile.
⚠️ Optimiser les images → Utilisez un plugin comme Smush pour éviter un site trop lourd.
🎯 Félicitations ! Vous venez de créer votre première page avec Elementor.
🎯 Continuez à explorer les widgets, les styles et les templates pour améliorer votre design.
🎯 Pensez à ajouter une page “Contact”, un Blog, et des boutons d’appel à l’action.
🔥 Action immédiate : Ajoutez une nouvelle page et testez les différentes sections et widgets Elementor ! 🚀