Créer un site avec WordPress et Elementor
De l'hébergement vide au site complet : WordPress, Elementor Pro, les containers Flexbox, un atelier de A à Z et WooCommerce.
Module 4 sur 8 du parcours Devenir Freelance Webmaster ™, disponible seul ou dans un pack.
Avez-vous déjà été bloqué sur des questions comme :
- Je bricole avec Elementor mais mes pages ne sont jamais vraiment propres.
- Les containers et le Flexbox, je ne comprends pas comment ça s'organise.
- Je refais les mêmes réglages à chaque nouveau site.
- Comment construire un header, un footer et des pages de blog cohérents ?
- Comment ajouter une boutique WooCommerce sans tout casser ?
- Quels plugins sont fiables avec Elementor, et lesquels éviter ?
Vous n’êtes pas seul !
Elementor est simple à prendre en main et difficile à maîtriser. Sans méthode, on empile les réglages et on perd un temps fou sur chaque site.
La bonne nouvelle, c’est qu’avec les bons pré-réglages et une structure claire, un site vitrine se construit en quelques heures.
Cette formation a été enregistrée avec Elementor 3. Elementor 4 est sorti depuis : les principes et la méthode n’ont pas changé, certaines interfaces ont un peu bougé.
Créer un site avec WordPress et Elementor en 4 points
- Pour qui : Webmasters et freelances qui veulent construire des sites WordPress propres et rapides avec Elementor Pro, du premier au centième.
- Temps d'application : 1 semaine, avec l'atelier complet
- Cas pratiques : Un site de freelance construit de A à Z en atelier, une boutique WooCommerce habillée page par page, et des exemples de développements sur mesure.
- Objectif : Livrer un site WordPress et Elementor complet, bien réglé et maintenable, en suivant toujours la même méthode.
Le programme complet de la formation
Introduction
- La mission de webmaster qui servira de fil rouge à toute la formation.
Gestion de l'hébergement (démo avec le CPANEL d'O2Switch)
- L'interface d'un hébergeur, démontrée sur le cPanel d'O2Switch.
- Passer un site en HTTPS en quelques clics avec Let's Encrypt.
- Bonus : comment fonctionnent les noms de domaine, et comment envoyer des fichiers sur un serveur en FTP.
WordPress - Les Bases
- Dans quels cas utiliser WordPress, et dans quels cas s'en passer.
- Installation manuelle et installation automatique, pour comprendre ce que l'automatique cache.
- Thèmes, page builders, post types : le vocabulaire qui évite les mauvais choix de départ.
Elementor - Les Bases
- Installer Elementor et le thème Hello, puis les deux bonnes pratiques de thème que presque personne n'applique.
- La licence Elementor Pro mise à disposition des élèves.
- Section, container ou grille : lequel choisir, et pourquoi la réponse a changé.
Elementor - Les Bases - Maitriser les Containers Flexbox
- Direction, alignement, justification : les réglages qui remplacent des heures de bricolage.
- Grow, gap, wrap, order : quatre mots pour maîtriser n'importe quelle mise en page.
- L'option à désactiver dès le départ pour ne plus se battre avec les marges.
Pré-réglages avant de démarrer la création d'un site
- Les réglages à faire une fois pour toutes, côté WordPress et côté Elementor.
- Le style guide Elementor : couleurs, polices, padding, boutons, définis une fois et réutilisés partout.
- Créer votre propre modèle de départ, pour commencer chaque site à mi-chemin.
Atelier : Créer un site simple de freelance (sans maquettes) avec WordPress et Elementor Pro
- Un site complet de freelance monté devant vous, page par page : header, footer, accueil, services, à propos, contact.
- Blog, archives, résultats de recherche, 404 : les pages que l'on oublie et qui font la différence.
- Mentions légales et CGV, et la vérification finale avant de montrer le site.
Autres possibilités intéressantes avec Elementor
- Portfolio avec custom post type et display conditions, sans extension supplémentaire.
- Loops, éléments imbriqués, mega menu, fenêtres modales : ce qui fait dire « ah, c'est du sur-mesure ».
- Pages d'atterrissage, barres flottantes, animations, Elementor IA, kits : le tour de ce qui est possible.
Elementor Pro et WooCommerce
- WooCommerce en un tour d'horizon, puis chaque page de la boutique habillée avec Elementor Pro.
- Archive produits, fiche, panier, checkout, résumé, mon compte, CGV : la liste complète.
Les extensions compatibles / partenaires Elementor
- Crocoblock et les autres : les extensions partenaires qui tiennent dans la durée.
Exemples de développements avec Elementor
- Un formulaire Elementor relié à Make par webhook, pour automatiser sans coder.
- Custom action et custom widget : deux exemples de code pour aller plus loin quand un client le demande.
A propos de votre formateur
Je m’appelle Johann ROCHE et je vais être votre formateur pour les prochaines semaines.
J’ai réalisé mon premier site en 1998 par passion, puis suivi un cursus Web dont 7 ans en Agence web et 7 ans en tant que Freelance.
En 1999, la conseillère d’orientation m’a demandé :
“Tu veux faire quoi plus tard ?”
J’ai répondu “Webmaster” !
A l’époque elle ne savait même pas ce que c’était. Pour ma part cela faisait déjà quelques années que je bidouillais des sites la nuit sur mon ordinateur et que je partageais mes découvertes avec d’autres passionnés.
Plus tard dans mon cursus j’ai travaillé sur tous les types de projet web (de la petite page d’attente à 150€ au gros projet sur mesure à plus de 30 000 €).
J’ai eu plusieurs rôles : stagiaire, apprenti, intégrateur, développeur, technico-commercial, chef de projet, responsable technique, formateur, indépendant… et plus récemment WebEntrepreneur.
Aujourd’hui, j’ai simplement envie de partager mon expérience de ce métier et de le synthétiser dans des formations. C’est la suite logique de ma carrière.
Quelques dates clés résumant mon parcours
1998
2001
2005
2007
2010
2013
2014
2015
2016
2017
2018
2019
2020
2021
2023
2024
Témoignages des élèves des formations WebAndFree
Objectifs avec cette formation :
Installer et régler WordPress et Elementor Pro proprement à chaque fois.
Construire des pages bien structurées avec les containers Flexbox.
Livrer un site vitrine complet, header, footer, pages et blog compris.
Ajouter et habiller une boutique WooCommerce.
Rejoindre la formation
Créer un site avec WordPress et Elementor
- Chapitre 1 - Introduction
- Chapitre 2 - Gestion de l'hébergement (démo avec le CPANEL d'O2Switch)
- Chapitre 3 - WordPress - Les Bases
- Chapitre 4 - Elementor - Les Bases
- Chapitre 5 - Elementor - Les Bases - Maitriser les Containers Flexbox
- Chapitre 6 - Pré-réglages avant de démarrer la création d'un site
- Chapitre 7 - Atelier : Créer un site simple de freelance (sans maquettes) avec WordPress et Elementor Pro
- Chapitre 8 - Autres possibilités intéressantes avec Elementor
- Chapitre 9 - Elementor Pro et WooCommerce
- Chapitre 10 - Les extensions compatibles / partenaires Elementor
- Chapitre 11 - Exemples de développements avec Elementor
- Un espace de questions sous chaque leçon
199 €
- Droit de rétractation 14 jours
Satisfait ou Remboursé
Récapitulatif
Voilà, ce à quoi vous aurez accès, si vous rejoignez la formation maintenant :
- Accès immédiat et à vie aux 11 chapitres et 94 leçons de la formation sur l'espace membre
- Accès à vie à toutes les mises à jour de la formation ainsi que les différents bonus qui viendront s'ajouter
- Le groupe Facebook WebAndFree pour échanger avec les autres webmasters
- Garantie de 14 jours : remboursement à 100% quelle que soit votre raison dans les 14 jours suivant votre paiement.
- Un espace de questions sous chaque leçon
Que se passe-t-il après votre paiement ?
Une fois le paiement réalisé vous allez recevoir un email pour accéder à la formation.
Vous pourrez immédiatement commencer à suivre les cours.
- Vous allez recevoir l'accès à la formation complète.
- Chaque leçon a son espace de questions
- La formation est améliorée au fur et à mesure des retours des nouveaux élèves
- Vous aurez accès à vie à la formation, et donc aux futurs contenus ajoutés.
Et si vous n'êtes pas satisfait ?
C’est simple ! Je vous rembourse à 100% dans les 14 jours, sur simple email de votre part.
Questions fréquentes
Être à l’aise avec un ordinateur. Avoir suivi Culture Web : Front-end aide à comprendre les réglages, mais ce n’est pas obligatoire.
94 leçons, en vidéos courtes. Comptez une semaine avec l’atelier complet.
Elle a été enregistrée avec Elementor 3, la version actuelle est la 4. La méthode et les principes sont les mêmes, certaines interfaces ont un peu bougé. Les élèves le signalent sous les leçons quand c’est le cas.
Il vous faut un hébergement et un nom de domaine. Pour Elementor Pro, une licence est mise à disposition des élèves pour suivre la formation.
La formation est disponible sur un espace privé accessible à vie depuis n’importe quel appareil (ordinateur, tablette, smartphone).
Chaque module est composé de vidéos courtes, de textes pour accompagner les vidéos et de liens vers les outils utilisés.
Oui, sans problème. Vous avancez à votre rythme, l’accès n’a pas de limite de temps.
Oui. C’est l’un des huit modules de la formation Devenir Freelance Webmaster, vendu ici à l’unité. Si vous avez déjà rejoint Devenir Freelance Webmaster, vous y avez déjà accès dans votre espace membre.