Avant-propos et conventions du support
À qui s’adresse ce cours, ce qu’il promet, comment l’utiliser, le fil rouge de la Menuiserie Roche et les conventions de lecture (interface, chemins, touches, encadrés).
Cette formation est un cours complet sur Elementor, le constructeur de pages le plus répandu de WordPress. Il n’est pas une liste d’astuces, ni un survol de l’interface, ni une publicité pour la version payante. C’est un support de formation destiné à des personnes qui n’ont jamais construit de site web — dirigeants de très petites entreprises, artisans, indépendants, responsables associatifs, médiateurs numériques — et qui veulent pouvoir, à la fin, produire un site vitrine propre, rapide, lisible sur téléphone et conforme au droit français.
Il part d’un constat : Elementor est facile à ouvrir et difficile à bien utiliser. On y pose un titre en cinq minutes ; on y fabrique, en cinq mois, un site lent, illisible sur mobile et impossible à modifier, parce que personne n’a expliqué ce qu’est une boîte, pourquoi une marge n’est pas un espacement interne, ni comment une couleur définie une fois peut se propager sur quarante boutons. Ce support prend le temps d’expliquer ces choses-là, dans l’ordre, avec des mots simples et des exercices.
Ce que vous saurez faire à la fin
- Installer et régler Elementor et son thème compagnon, puis vous repérer dans l’éditeur sans chercher les boutons.
- Construire une mise en page avec les éléments atomiques d’Elementor 4 (Bloc Div, Flexbox, Grille) et savoir lire un site plus ancien fait de Sections et de Colonnes.
- Mettre en forme le texte, les images, les boutons et les widgets, puis rendre la page irréprochable sur tablette et sur téléphone.
- Bâtir un système de design — variables, classes, états — qui rend un site cohérent et modifiable en un clic.
- Utiliser Elementor Pro à bon escient : en-tête et pied de page sur mesure, contenu dynamique, grilles d’articles, formulaires, popups, boutique.
- Livrer un site qui tient : rapide, accessible, référençable, conforme, sauvegardé et maintenu.
Une exigence de méthode
Ce que ce support s’impose
Chaque libellé d’interface, chaque prix et chaque numéro de version cités ici ont été relevés sur les pages officielles d’Elementor le 6 septembre 2026 (Elementor 4.2.4, Elementor Pro 4.2). L’interface évolue vite ; quand un réglage a changé de nom entre deux versions, le support donne le libellé français actuel et l’anglais entre parenthèses, afin que vous puissiez le retrouver dans le Centre d’aide. Lorsque deux sources officielles se contredisent, la formulation la plus prudente a été retenue.
Comment l’utiliser
Les parties I à IV se lisent dans l’ordre : elles posent les fondements et l’on ne saute pas le chapitre sur les boîtes pour aller plus vite. Les parties V et VI se consultent séparément, selon que vous disposez ou non d’Elementor Pro. La partie VII, sur la livraison, se lit avant toute mise en ligne. La partie VIII rassemble le projet complet, les fiches-outils et le glossaire : c’est la partie à garder sous la main en atelier (le PDF complet, téléchargeable depuis la page de la formation, s’imprime).
Chaque chapitre suit la même construction : un encadré En bref (public, enjeu, idée clé, prérequis, temps de lecture), des sous-parties numérotées, au moins un pas-à-pas avec chaque clic et chaque valeur à saisir, au moins un exercice chronométré avec son résultat attendu, et un encadré À retenir. Les encadrés colorés ont chacun un rôle fixe, décrit ci-dessous.
Le fil rouge : la Menuiserie Roche
Un seul projet traverse tout le support. Camille Roche est menuisière à Murol, dans le Puy-de-Dôme ; elle emploie deux personnes et fabrique escaliers, cuisines et agencements sur mesure depuis 2009. Elle veut un site vitrine de cinq pages — Accueil, Prestations, Réalisations, À propos, Contact — qui lui apporte des demandes de devis. Les exercices font avancer ce site chapitre après chapitre, et le chapitre 38 le reconstruit d’un bloc, séance par séance. L’entreprise, les personnes et les coordonnées sont fictives.
Num Compagny — accompagnement au numérique des TPE, PME et associations : Former · Développer · Accompagner. Support diffusé dans le cadre de ses formations ; sources dans la dernière leçon. Édition de septembre 2026.
Conventions du support
Pour que le texte reste lisible, les éléments d’interface, les chemins de menu, les touches et les valeurs à saisir sont toujours présentés de la même façon.
| Vous lisez | Cela signifie |
|---|---|
| Publier | Un bouton, un onglet, un champ ou un libellé affiché à l’écran, tel qu’il apparaît dans l’interface française d’Elementor ou de WordPress. |
| Elementor › Éditeur › Réglages | Un chemin de menu à suivre dans l’administration WordPress, de gauche à droite. |
| Ctrl+S | Un raccourci clavier. Sur Mac, remplacez Ctrl par Cmd. |
1140 | Une valeur à saisir telle quelle dans un champ. |
| Réglages du site (Site Settings) | Le libellé français, suivi de l’anglais à sa première apparition dans le chapitre, pour le retrouver dans la documentation officielle. |
| Gratuit Pro Advanced+ | La version d’Elementor nécessaire : gratuite, Pro (tous plans) ou Pro à partir du plan Advanced. |
| Atomique Classique | La génération de l’élément : élément atomique de l’éditeur V4 (par défaut depuis 2026) ou widget classique de la génération précédente. |
Les encadrés
Définition
Un terme technique, expliqué à sa première apparition. Tous les termes définis sont repris dans le glossaire de la dernière leçon.
À savoir
Une précision utile, un comportement de l’interface qu’il vaut mieux connaître, une nuance entre versions.
Bonne pratique
Ce que font les professionnels et que l’interface ne vous impose pas : nommer les conteneurs, enregistrer souvent, construire un bloc puis le dupliquer.
Attention
Un point de vigilance : un réglage qui a des conséquences ailleurs, une vérification à ne pas oublier avant de publier.
Piège classique
Une erreur fréquente chez les débutants, qui coûte du temps ou de l’argent, ou une pratique interdite par le droit.
Méthode
Une procédure de travail réutilisable, une grille de décision, un canevas de document à adapter.
Elementor Pro
Une fonction réservée à la version payante, avec le plan minimum lorsqu’il est connu.
Le temps
Chaque chapitre indique un temps de lecture et un temps d’exercice. Le support complet représente environ 25 heures de travail, exercices compris ; le projet fil rouge du chapitre 38 s’étale sur huit séances de deux heures. En formation Num Compagny, il sert de base à un parcours de trois à cinq journées selon que l’on intègre ou non Elementor Pro.