Introduction et installation d’Elementor
Bienvenue dans cette formation Elementor 🎓 ! Je vous guide de l’introduction jusqu’à l’import d’un site complet. On commence par installer Elementor sur un site WordPress de test grâce à Copilhost. Je vous montre aussi les différences entre la version gratuite et Pro, et où acheter la licence. Ensuite, on installe le thème Hello, léger et optimisé pour Elementor, afin de se libérer totalement des contraintes des thèmes classiques.
Premiers pas avec l’éditeur
Dès la création des pages, on passe en mode 100 % Elementor. Vous verrez comment utiliser les éléments de base : titres, images, vidéos, cartes Google Maps. Je vous explique ensuite comment activer la version Pro pour débloquer toutes les fonctionnalités, avant de détailler l’onglet Contenu d’un titre et l’onglet Style (typos, couleurs), puis l’onglet Avancé (marges, effets, animations…).
Apprendre les marges et le responsive
Travailler le positionnement avec les marges est fondamental pour maîtriser votre mise en page. Je vous montre comment distinguer marge interne et externe, avec des exemples concrets. Ensuite, on découvre la logique du responsive design : comment adapter votre site pour mobile et tablette, modifier la taille du texte, l’ordre des éléments ou même cacher certains blocs uniquement sur smartphone 📱.
Conteneurs, structure et bonnes pratiques
Un site Elementor, c’est un système de boîtes dans des boîtes. Vous comprendrez la puissance des conteneurs et des systèmes Flexbox et grille. Grâce au menu structure, vous pouvez visualiser la hiérarchie de votre page et organiser vos éléments efficacement. On pratique ensemble avec des sections simples, jusqu’à reproduire une première mise en page complète en créant une page réelle.
Centralisation des réglages
Un site professionnel, c’est aussi une cohérence graphique. Je vous montre comment gérer les couleurs globales et les polices globales pour tout le site. Vous pourrez ensuite changer la charte de votre site en un clic. Je vous partage également quelques raccourcis pratiques et astuces pour gagner un temps précieux (copier/coller de styles, éléments globaux…).
Header, Footer et Theme Builder
On passe ensuite à la partie structure du site avec le Theme Builder : création du header et du footer personnalisés. Je vous montre comment ajouter votre logo et un menu de navigation. Vous verrez également comment rendre ces éléments conditionnels selon les pages. C’est simple, puissant, et essentiel pour tout site pro !
Import de modèles prêts à l’emploi
Vous êtes pressé ? Je vous explique comment importer des blocs, des pages ou même un site complet depuis la bibliothèque de kits d’Elementor. Vous pouvez démarrer d’un modèle professionnel et simplement le modifier à votre goût. Un vrai gain de temps ⏱️ pour lancer un site rapidement.
Formulaire de contact, pop-ups et éléments flottants
Enfin, on termine en beauté avec l’intégration d’un formulaire de contact complet (via Elementor Pro), et une présentation du popup builder pour créer des messages contextuels. Vous découvrirez aussi comment ajouter des éléments flottants et des barres de promo en quelques clics. L’ensemble est géré depuis l’interface, sans aucun plugin supplémentaire.
