Site web & e-commerce

Elementor pour WordPress : le guide complet du débutant

Construire un site vitrine propre, rapide, lisible sur téléphone et conforme au droit français avec Elementor 4 et Elementor Pro — 40 leçons, 43 exercices, un projet fil rouge et le PDF de 297 pages.

  • 📊 Débutant
  • ⏱ 40 leçons · 8 modules · ~25 h

Présentation

Le guide complet du débutant

Elementor est facile à ouvrir et difficile à bien utiliser : on y pose un titre en cinq minutes, et l’on y fabrique en cinq mois un site lent, illisible sur téléphone et impossible à modifier. Ce cours prend le temps d’expliquer, dans l’ordre et avec des exercices, ce qu’est une boîte, pourquoi une marge n’est pas un espacement interne, et comment une couleur définie une fois se propage sur quarante boutons.

40 leçons · 8 modules · 43 exercices · 7 fiches-outils · glossaire de 87 termes — libellés, prix et versions relevés sur les pages officielles d’Elementor le 6 septembre 2026 (Elementor 4.2.4, Elementor Pro 4.2).

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 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 au droit français, sauvegardé et maintenu.

Un seul fil rouge : la Menuiserie Roche

Camille Roche est menuisière à Murol, dans le Puy-de-Dôme. Elle veut un site vitrine de cinq pages qui lui apporte des demandes de devis. Les exercices font avancer ce site leçon après leçon, et le dernier module le reconstruit d’un bloc, en huit séances de deux heures. L’entreprise et les personnes sont fictives ; les gestes, eux, sont ceux de n’importe quel artisan ou indépendant.

Le support complet au format PDF
297 pages, 38 chapitres, à imprimer ou à garder sous la main en atelier. Le même contenu que les leçons en ligne, dans un seul document.

Télécharger le PDF (1,6 Mo)

Public : dirigeants de TPE, artisans, indépendants, responsables associatifs, médiateurs numériques — toute personne qui n’a jamais construit de site web. Prérequis : savoir utiliser un navigateur et un traitement de texte ; un site WordPress (même vide) sur lequel s’exercer. Durée : environ 25 heures de travail, exercices compris ; le projet fil rouge s’étale sur huit séances de deux heures. Les modules V et VI se consultent selon que vous disposez ou non d’Elementor Pro.

Num Compagny — Former · Développer · Accompagner. En formation, ce support sert de base à un parcours de trois à cinq journées selon que l’on intègre ou non Elementor Pro.

Programme

  1. I — Comprendre avant de construire

    Ce que sont WordPress et Elementor, quelle version choisir, comment une page web est construite, et comment installer et régler l’outil proprement avant de poser le premier élément.

  2. II — Prendre en main l’éditeur

    Visite guidée de l’écran, les deux générations d’éléments (atomiques et widgets classiques), une première page en vingt minutes et les gestes qui font gagner du temps : Structure, Historique, raccourcis, copier-coller.

  3. III — Construire la mise en page

    Le jeu des boîtes : Bloc Div, Flexbox et Grille, le modèle de boîte (marges, tailles, positions), la lecture d’un site ancien fait de Sections et de Colonnes, et un site qui tient dans la…

  4. IV — Contenu et style

    Texte et typographie, images, SVG et vidéos, boutons et appels à l’action, widgets classiques indispensables, arrière-plans et effets, système de design (variables, classes, états), réglages du site et animations.

  5. V — Modèles, composants et IA

    Ne jamais repartir de zéro : bibliothèques et modèles, composants synchronisés (Pro), et un usage raisonné d’Elementor AI et d’Angie, avec les obligations applicables aux contenus générés depuis le 2 août 2026.

  6. VI — Elementor Pro en détail

    Constructeur de thème (en-tête, pied de page, articles, archives, 404), contenu dynamique, Loop Builder, formulaires, popups, widgets Pro, WooCommerce Builder et fonctions avancées (CSS, code, conditions d’affichage, rôles, Notes).

  7. VII — Livrer un site qui tient

    Performance, accessibilité et référencement de base, conformité (mentions légales, RGPD, cookies, formulaires, contenus IA), maintenance et dépannage, puis la méthode complète du brief à la mise en ligne.

  8. VIII — Projet fil rouge et fiches-outils

    Le site de la Menuiserie Roche construit d’un bloc, séance par séance (huit séances de deux heures), puis sept fiches-outils, un glossaire de 87 termes et les sources officielles du support.

Commencer la formation