Elementor, guide rapide

📖 Sommaire

• Qu’est-ce qu’Elementor ?
• Installation d’Elementor
• Prise en main d’Elementor
• Personnalisation du site avec Elementor
• Utilisation des modèles prédéfinis
• Création d’un en-tête et pied de page personnalisés
• Ajout de fonctionnalités avec les widgets
• Addons supplémentaires utiles

🔹 Qu’est-ce qu’Elementor ?

Elementor est un plugin pour WordPress permettant de créer des pages web grâce à un éditeur visuel.
👉 Au lieu de coder, vous pouvez simplement glisser-déposer des éléments (titres, images, boutons) sur votre page et voir immédiatement le résultat.
🎯 Un outil puissant pour concevoir un site professionnel et moderne sans connaissances techniques.

🔹 Installation d’Elementor

1️⃣ Ajouter le plugin Elementor

1. Accéder à l’ajout de plugins : Dans le tableau de bord WordPress, allez dans Extensions > Ajouter.
2. Rechercher « Elementor » : Dans la barre de recherche, tapez Elementor Website Builder.
3. Installer et activer : Cliquez sur « Installer maintenant », puis sur « Activer ».

🔹 Prise en main d’Elementor

1️⃣ Créer une nouvelle page avec Elementor

1. Allez dans Pages > Ajouter.
2. Donnez un titre à votre page.
3. Cliquez sur « Modifier avec Elementor ».

2️⃣ Interface d’Elementor

• 📌 Panneau de gauche : Liste des widgets disponibles (textes, images, vidéos, boutons).
• 👀 Zone de travail : Aperçu en direct de votre page.

3️⃣ Ajouter des sections et colonnes

1. Section : Cliquez sur « Ajouter une section ».
2. Colonnes : Choisissez une structure (1 colonne, 2 colonnes, etc.).
3. Widgets : Faites glisser un widget (Texte, Image, Bouton…) dans une colonne.

4️⃣ Personnalisation des widgets

• Contenu : Modifiez le texte, les images.
• Style : Ajustez les couleurs, polices, arrière-plans.
• Avancé : Configurez les marges, animations, effets visuels.

✅ Enregistrer et prévisualiser : Cliquez sur « Publier » ou « Aperçu ».

🔹 Personnalisation du site avec Elementor

1️⃣ Création de la page d’accueil

1. Créer une nouvelle page :

   • Pages > Ajouter.
   • Donnez un titre (« Accueil »).
   • Cliquez sur « Modifier avec Elementor ».

2. Ajouter une section de bienvenue :

   • Cliquez sur « Ajouter une section » (1 colonne).
   • Ajoutez un widget « Titre » (« Bienvenue sur mon site »).
   • Personnalisez le style (police, couleur, taille…).

3. Ajouter une image de fond :

   • Cliquez sur l’icône à 6 points dans les réglages de section.
   • Ajoutez une image de fond et ajustez son affichage.

4. Ajouter un appel à l’action :

   • Ajoutez un widget « Bouton » (« En savoir plus »).
   • Personnalisez la couleur, la taille et le lien.

5. Ajouter une section de présentation :

   • Ajoutez une nouvelle section à 2 colonnes.
   • Insérez une image à gauche et un texte à droite.

🔹 Utilisation des modèles prédéfinis

1. Accéder à la bibliothèque : Cliquez sur l’icône de dossier dans Elementor.
2. Choisir un modèle : Parcourez les catégories et insérez un template adapté.
3. Personnaliser le modèle : Modifiez le contenu et le style pour l’adapter à votre entreprise.

🔹 Création d’un en-tête et pied de page personnalisés

📌 Besoin d’Elementor Pro ou d’un plugin comme Header & Footer Builder.

1. Accéder au Theme Builder : Allez dans Modèles > Theme Builder.
2. Créer un en-tête personnalisé :
   • Ajoutez un nouvel en-tête.
   • Ajoutez des éléments : logo, menu, icônes sociales.
   • Personnalisez les couleurs et la hauteur.
3. Créer un pied de page :
   • Ajoutez un nouveau pied de page.
   • Insérez des liens, coordonnées, icônes sociales.
4. Publier : Affectez ces modèles à toutes les pages.

🔹 Ajout de fonctionnalités avec les widgets

✅ Elementor propose une large gamme de widgets (gratuits et payants) :

• 📩 Formulaires de contact : Widget Formulaire.
• 🖼️ Galeries d’images : Widget Galerie.
• 🔘 Boutons d’appel à l’action : Widget Bouton.
• ⭐ Témoignages clients : Widget Témoignages.

🔹 Addons supplémentaires utiles

Si vous voulez aller plus loin avec Elementor, voici des extensions utiles :

✅ Royal Elementor Addons and Templates
✅ Elementor Header & Footer Builder
✅ Essential Addons for Elementor
✅ ElementsKit Elementor Addons
✅ Premium Addons for Elementor
✅ Unlimited Elements For Elementor
✅ Happy Addons for Elementor

⚠️ Attention ! N’installez pas trop d’addons, car cela pourrait ralentir votre site.