Module 1 : Comprendre WordPress
🎯 Objectifs pédagogiques :
- Comprendre ce qu’est WordPress et pourquoi il est utilisé.
- Différencier WordPress.com et WordPress.org.
- Identifier les types de sites réalisables avec WordPress.
- Découvrir les avantages stratégiques de WordPress pour un projet web.
🔍 Qu’est-ce que WordPress ?
WordPress est un CMS (Content Management System) — un système de gestion de contenu — qui permet de créer et gérer facilement un site web sans coder. Il est open-source, gratuit et soutenu par une immense communauté de développeurs et d’utilisateurs.
Créé en 2003, il alimente aujourd’hui plus de 43 % des sites web dans le monde.
✅ En résumé :
- Interface simple et intuitive
- Personnalisation à l’infini via thèmes & plugins
- Une énorme communauté
- Un apprentissage progressif (tu commences simple et tu peux aller très loin)
🆚 WordPress.com VS WordPress.org
Beaucoup de gens font l’erreur de confondre ces deux plateformes. Elles portent le même nom, mais leur philosophie est très différente :
Critère | WordPress.com | WordPress.org |
---|---|---|
Hébergement | Inclus | À gérer soi-même (liberté totale) |
Nom de domaine | wordpress.com/tonsite | tonsite.com |
Coût | Gratuit mais limité / Payant en pro | Gratuit (hors hébergement/domaine) |
Liberté & contrôle | Restreint | Total |
Publicité | Oui (sauf offre payante) | Non |
Plugins & thèmes | Limités | Illimités |
Conseil : Si tu veux un site professionnel, WordPress.org est la seule vraie option.
🧱 Que peut-on créer avec WordPress ?
- Site vitrine (entreprise, indépendant, artisan, association)
- Blog (perso, voyage, cuisine, développement personnel…)
- Portefeuille/portfolio (artiste, designer, développeur…)
- Boutique en ligne (avec WooCommerce)
- Plateforme de formation (LMS avec LearnDash ou Tutor LMS)
- Forum ou réseau social (avec bbPress, BuddyPress)
- Landing pages pour tunnel de vente
🎯 Pourquoi utiliser WordPress ? (10 bonnes raisons)
- C’est gratuit – Tu peux créer ton site sans payer autre chose qu’un nom de domaine et un hébergement.
- Tu n’as pas besoin de coder – Tout peut se faire en glisser-déposer (drag & drop) avec des constructeurs visuels.
- Tu es propriétaire de ton contenu – Contrairement à Wix ou Shopify, tu gardes le contrôle de tes données.
- Tu peux évoluer à ton rythme – Commence simple, ajoute des fonctionnalités au fur et à mesure avec des plugins.
- Tu bénéficies d’une communauté énorme – Forums, tutos, plugins, événements, groupes Facebook…
- C’est bon pour le référencement naturel (SEO) – Avec des extensions comme Rank Math, tu gagnes en visibilité.
- C’est ultra personnalisable – Des milliers de thèmes et plugins gratuits ou premium.
- C’est sécurisé (si bien configuré) – WordPress est régulièrement mis à jour et protégé par des extensions efficaces.
- Tu peux monétiser ton site – Affiliation, publicité, produits digitaux, e-commerce, services…
- Tu peux en faire un métier – Des milliers de freelances vivent de la création de sites WordPress.
🧭 Ce qu’il faut retenir
✅ WordPress est une boîte à outils puissante, gratuite, ouverte, qui te permet de créer un site professionnel sans développeur.
✅ WordPress.org est la version à privilégier si tu veux avoir un contrôle total sur ton site.
🧪 Mise en pratique
- Réfléchis au type de site que tu veux créer (blog, vitrine, boutique…)
- Note les fonctionnalités dont tu auras besoin (formulaire, blog, calendrier, e-commerce…)
- Explore des sites existants pour t’inspirer (cherche "built with WordPress" ou regarde le code source)
Module 2 : Installer WordPress
🎯 Objectifs pédagogiques :
- Comprendre les prérequis pour héberger un site WordPress.
- Choisir un bon nom de domaine et un hébergeur adapté.
- Installer WordPress manuellement ou via un auto-installeur.
- Accéder à l’interface d’administration de WordPress.
🔌 Préparer son hébergement
Pour héberger un site WordPress, tu as besoin de deux choses :
- Un nom de domaine : l’adresse de ton site (ex. : monsite.com)
- Un hébergement web : l’espace où seront stockés les fichiers de ton site
Des hébergeurs populaires : o2switch, LWS, Hostinger, PlanetHoster…
🔧 Installer WordPress via un auto-installeur
La plupart des hébergeurs proposent une installation en 1 clic avec Softaculous, Installatron, ou un système maison. Exemple :
- Connecte-toi à ton espace client
- Va dans la section “Applications” ou “Sites Web”
- Clique sur “Installer WordPress”
- Choisis ton nom de domaine
- Définis ton identifiant, mot de passe et email d’admin
- Laisse les autres réglages par défaut (tu pourras les modifier plus tard)
- Clique sur “Installer”
📥 Installation manuelle de WordPress
Une alternative avancée pour mieux comprendre le fonctionnement interne :
- Télécharge WordPress sur fr.wordpress.org
- Connecte-toi à ton hébergement via FTP (avec FileZilla par exemple)
- Envoie les fichiers WordPress dans le dossier
public_html
- Crée une base de données MySQL via ton cPanel
- Va sur
tonsite.com
: l’installateur WordPress se lance - Suis les étapes : nom du site, identifiant, mot de passe, etc.
🔐 Accéder à l’interface d’administration
Une fois installé, tu peux accéder à ton back-office WordPress en tapant :
https://tonsite.com/wp-admin
Entre l’identifiant et le mot de passe choisis à l’installation. Tu arrives alors sur le tableau de bord WordPress où toute la magie commence !
🧪 Mise en pratique
- Achète un nom de domaine + hébergement si ce n’est pas déjà fait
- Installe WordPress (auto-installeur recommandé pour débutants)
- Connecte-toi au back-office pour t’y familiariser
- Note l’URL d’administration dans tes favoris
Module 3 : Réglages essentiels
🎯 Objectifs pédagogiques :
- Maîtriser les premiers réglages de WordPress après installation.
- Comprendre les paramètres clés du tableau de bord.
- Configurer les pages de base et la structure des liens.
- Préparer le site pour les prochaines étapes de personnalisation.
⚙️ Réglages généraux
- Titre du site : Le nom de ton projet (visible en haut des pages et dans les moteurs de recherche).
- Slogan : Une courte description (facultative).
- Adresse e-mail d’administration : Pour recevoir les notifications importantes.
- Langue du site : Choisis "Français" si ce n’est pas déjà fait.
- Fuseau horaire : Choisis ton pays ou UTC+1 pour la France.
- Format de date et d’heure : Selon tes préférences (ex. : 18 avril 2025 – 14:00).
🧹 Nettoyage de l’installation par défaut
- Supprime l’article "Bonjour tout le monde !" dans la section Articles.
- Supprime la page "Exemple" dans Pages.
- Supprime les extensions installées automatiquement (comme Hello Dolly).
- Vérifie dans Médias et supprime les éventuelles images inutiles.
🔗 Permaliens (structure des URLs)
Va dans Réglages > Permaliens et choisis : Nom de l’article
Cela permet d’avoir des URLs lisibles et optimisées pour le référencement. Exemple :https://tonsite.com/nom-de-la-page
📄 Créer les pages de base
Avant de commencer la personnalisation, crée ces pages essentielles :
- Accueil : La page d’introduction de ton site.
- À propos : Pour te présenter, raconter ton parcours ou ton projet.
- Contact : Avec un formulaire, une adresse email, ou un lien vers tes réseaux.
- Mentions légales et/ou Politique de confidentialité : Obligatoires dans certains pays.
🌐 Définir la page d’accueil du site
Par défaut, WordPress affiche les derniers articles en page d’accueil. Si tu veux une page statique :
- Crée une page “Accueil”
- Crée une page “Blog” (même vide pour l’instant)
- Va dans Réglages > Lecture
- Choisis : “Une page statique”
- Sélectionne “Accueil” pour la page d’accueil et “Blog” pour les articles
🧪 Mise en pratique
- Accède aux réglages de ton tableau de bord
- Complète toutes les informations générales
- Supprime les contenus inutiles par défaut
- Crée au moins 3 pages de base : Accueil, À propos, Contact
- Active les permaliens optimisés
Module 4 : Choisir et personnaliser un thème
🎯 Objectifs pédagogiques :
- Comprendre ce qu’est un thème WordPress.
- Savoir où et comment trouver un thème adapté.
- Installer, activer et personnaliser un thème.
- Utiliser le Customizer pour configurer l'apparence du site.
🎨 Qu’est-ce qu’un thème WordPress ?
Un thème WordPress contrôle l’apparence visuelle de ton site. Il détermine la disposition, les polices, les couleurs, et le style général de tes pages. C’est comme une “peau” que tu appliques sur ton contenu pour le rendre attractif et professionnel.
🧭 Choisir un bon thème
Pour choisir un thème, tu peux aller dans : Apparence > Thèmes > Ajouter. Utilise les filtres pour affiner ta recherche :
- Objectif du site (blog, e-commerce, vitrine, portfolio…)
- Compatibilité avec les constructeurs (ex : Elementor)
- Support des mises à jour fréquentes
- Bonne note et avis utilisateurs
- Responsive (adapté aux mobiles)
Thèmes recommandés :
- Astra – Léger, rapide, polyvalent
- OceanWP – Flexible, compatible WooCommerce
- GeneratePress – Minimaliste et performant
- Blocksy – Moderne, puissant avec Gutenberg
⚙️ Installer et activer un thème
- Va dans Apparence > Thèmes
- Clique sur “Ajouter” puis choisis un thème dans la galerie
- Clique sur “Aperçu” pour voir le rendu
- Clique sur “Installer”, puis “Activer”
Ton site change instantanément d’apparence, mais pas de contenu.
🎛️ Personnaliser avec le Customizer
Une fois le thème actif, va dans Apparence > Personnaliser pour :
- Changer les couleurs (fonds, boutons, liens…)
- Choisir des polices
- Ajouter un logo et une icône de site (favicon)
- Définir la structure du menu de navigation
- Modifier les widgets du pied de page
- Prévisualiser les changements en temps réel
🛠️ Créer un thème enfant (optionnel)
Un thème enfant te permet de modifier ton thème sans risquer de perdre tes ajustements lors d’une mise à jour. À utiliser si tu touches au code.
Tu peux en créer manuellement ou utiliser une extension comme Child Theme Configurator.
🧪 Mise en pratique
- Explore la bibliothèque de thèmes
- Teste plusieurs designs en mode “aperçu”
- Installe et active le thème qui te plaît le plus
- Personnalise les couleurs, typographies et logos dans le Customizer
- Si besoin, installe un thème enfant pour aller plus loin
Module 5 : Ajouter du contenu avec Gutenberg
🎯 Objectifs pédagogiques :
- Comprendre la différence entre pages et articles.
- Savoir utiliser l’éditeur de blocs Gutenberg.
- Structurer efficacement une page avec des blocs.
- Publier et gérer du contenu dynamique sur le site.
🧱 Pages vs Articles
Dans WordPress, il existe deux types de contenus principaux :
- Pages : statiques, utilisées pour l’accueil, à propos, contact, etc.
- Articles : dynamiques, classés dans des catégories, parfaits pour les blogs et actualités.
Utilise les pages pour construire la structure de ton site, et les articles pour publier régulièrement du contenu.
✍️ Introduction à l’éditeur Gutenberg
Gutenberg est l’éditeur de blocs intégré à WordPress depuis la version 5.0. Chaque élément (titre, paragraphe, image, bouton) est un bloc que tu peux déplacer, modifier ou styliser.
Pour accéder à Gutenberg : Pages > Ajouter ou Articles > Ajouter.
🔧 Blocs de base à connaître
- Paragraphe – Pour écrire du texte
- Titre – Pour organiser le contenu (H2, H3…)
- Image – Pour insérer des visuels
- Colonne – Pour créer des mises en page variées
- Liste – Puces ou numérotées
- Bouton – Appels à l’action
- Galerie – Plusieurs images côte à côte
- Espacement – Ajouter de l’air entre les sections
🪄 Astuces pratiques avec Gutenberg
- Tu peux glisser-déposer les blocs pour changer l’ordre du contenu
- Chaque bloc a ses options de style dans la colonne de droite
- Utilise des modèles de blocs (patterns) pour gagner du temps
- Enregistre tes mises en page préférées comme blocs réutilisables
🚀 Publier une page ou un article
- Va dans Pages ou Articles
- Clique sur “Ajouter”
- Crée ton contenu avec les blocs
- Clique sur “Aperçu” pour tester
- Clique sur “Publier” pour mettre en ligne
🧪 Mise en pratique
- Crée une page “À propos” avec un titre, une image et du texte
- Crée un premier article avec une image de mise en avant
- Teste plusieurs blocs (galerie, colonnes, boutons…)
- Expérimente avec les blocs réutilisables
- Apprends à organiser ton contenu avec des titres bien hiérarchisés
Module 6 : Les plugins indispensables
🎯 Objectifs pédagogiques :
- Comprendre ce qu’est un plugin et son rôle dans WordPress.
- Savoir où trouver et comment installer des plugins.
- Connaître les extensions essentielles pour la sécurité, le SEO, la performance et les fonctionnalités de base.
🔌 Qu’est-ce qu’un plugin ?
Un plugin est une extension qui ajoute une fonctionnalité à ton site WordPress. Il en existe des milliers : certains pour la sécurité, d'autres pour le référencement, la création de formulaires, les sauvegardes, ou encore l’e-commerce.
📦 Installer un plugin
- Va dans Extensions > Ajouter
- Recherche le plugin par son nom
- Clique sur “Installer maintenant”
- Puis clique sur “Activer”
Tu peux aussi téléverser un plugin au format .zip si tu l’as téléchargé ailleurs.
🛠️ Plugins essentiels à installer
- Rank Math SEO ou Yoast SEO – Optimisation du référencement naturel
- Wordfence Security – Sécurité, pare-feu, scans automatiques
- UpdraftPlus – Sauvegardes automatiques sur Google Drive ou Dropbox
- WPForms ou Contact Form 7 – Création de formulaires de contact
- LiteSpeed Cache ou W3 Total Cache – Accélération du site (mise en cache)
- Smush – Optimisation des images pour améliorer la vitesse
- Redirection – Gérer les redirections 301 (pratique pour le SEO)
🧠 Conseils pour bien gérer ses plugins
- Évite d’installer trop de plugins (ralentissement et risques de conflits)
- Choisis des plugins bien notés, à jour, et avec de nombreux utilisateurs
- Supprime les plugins inutilisés (désactivés ≠ supprimés)
- Fais des sauvegardes avant toute grosse modification
🧪 Mise en pratique
- Installe au moins 5 plugins utiles (Rank Math, Wordfence, WPForms…)
- Active-les et configure leurs paramètres de base
- Teste un formulaire de contact en t’envoyant un message
- Lance un scan de sécurité avec Wordfence
- Configure une première sauvegarde automatique avec UpdraftPlus
Module 7 : Créer des pages avec Elementor
🎯 Objectifs pédagogiques :
- Découvrir le constructeur de page Elementor.
- Créer des mises en page professionnelles sans coder.
- Utiliser les widgets et les modèles prêts à l’emploi.
- Comprendre les principes de design responsive (adapté mobile/tablette).
⚡ Pourquoi utiliser Elementor ?
Elementor est un constructeur visuel (page builder) très populaire qui te permet de créer des pages en glisser-déposer (drag & drop). C’est l’outil parfait si tu veux un site au design soigné sans écrire une ligne de code.
Il existe en version gratuite et en version pro (avec plus de widgets et de modèles).
📥 Installation d’Elementor
- Va dans Extensions > Ajouter
- Recherche Elementor Website Builder
- Clique sur “Installer maintenant” puis “Activer”
🧱 Créer une page avec Elementor
- Va dans Pages > Ajouter
- Donne un titre à ta page (ex. : “Page d’accueil”)
- Clique sur “Modifier avec Elementor”
Tu arrives dans l’interface visuelle. À gauche, les widgets (éléments), à droite, la zone de construction.
🔧 Widgets de base à utiliser
- En-tête – Pour les titres de section
- Texte – Pour les paragraphes
- Image – Pour illustrer tes propos
- Bouton – Appels à l’action
- Vidéo – Intégration YouTube/Vimeo
- Séparateur / Espace – Pour structurer la page
📐 Utiliser des modèles pré-conçus
Elementor propose une bibliothèque de modèles professionnels. Clique sur le dossier dans l’éditeur pour :
- Importer une section (partie de page)
- Importer une page complète
- Utiliser des “kits” de design par thématique (business, portfolio, etc.)
📱 Responsive design
Elementor permet de prévisualiser et adapter tes pages pour :
- 📱 Mobile
- 💻 Desktop
- 📲 Tablette
Tu peux ajuster la taille du texte, cacher certains blocs ou les réorganiser selon l’écran.
💡 Astuces Elementor
- Utilise les sections internes pour des mises en page complexes
- Enregistre tes blocs préférés comme modèles réutilisables
- Joue avec les marges/paddings pour aérer tes contenus
- Teste les animations d’apparition pour dynamiser tes pages
🧪 Mise en pratique
- Installe Elementor et crée une page “Accueil” design
- Ajoute un en-tête, du texte, une image, un bouton
- Testes un modèle de page proposé par Elementor
- Prévisualise ton design sur mobile/tablette
- Enregistre une section réutilisable pour ton pied de page
Module 8 : Optimisation SEO & Visibilité sur Google
🎯 Objectifs pédagogiques :
- Comprendre l'importance du référencement naturel (SEO).
- Mettre en place les bonnes pratiques SEO sur WordPress.
- Configurer un plugin SEO comme Rank Math.
- Connecter son site à Google Search Console et Google Analytics.
🔍 C’est quoi le SEO ?
Le SEO (Search Engine Optimization) consiste à optimiser ton site pour qu’il soit mieux référencé sur les moteurs de recherche, principalement Google.
Un bon SEO permet d’attirer plus de visiteurs qualifiés sans payer de publicité.
📈 Bonnes pratiques de base
- Utiliser des titres clairs et hiérarchisés (H1, H2, H3...)
- Écrire des URL courtes et descriptives
- Rédiger du contenu de qualité (textes originaux, bien structurés)
- Ajouter des images optimisées (poids, nom de fichier, texte alternatif)
- Lier les pages entre elles (liens internes)
- Obtenir des liens provenant d'autres sites (backlinks)
⚙️ Installer et configurer Rank Math SEO
- Va dans Extensions > Ajouter
- Installe Rank Math SEO
- Suis l’assistant de configuration (compte gratuit recommandé)
- Choisis ton type de site, connecte à la Search Console
- Active les options importantes : sitemap, redirections, SEO local
📊 Ajouter Google Analytics & Google Search Console
- Google Analytics : pour suivre les visiteurs (nombre, durée, pages vues…)
- Google Search Console : pour suivre le positionnement et détecter les problèmes
Avec Rank Math, tu peux connecter ton site à ces services directement depuis le tableau de bord WordPress.
📌 Astuces supplémentaires
- Installe un plugin de cache (LiteSpeed Cache) pour améliorer la vitesse
- Supprime les extensions inutiles ou trop lourdes
- Utilise un thème optimisé (rapide, léger, responsive)
- Ajoute un fichier robots.txt et un sitemap.xml (automatisé par Rank Math)
🧪 Mise en pratique
- Installe Rank Math et termine l’assistant de configuration
- Crée un compte Google Search Console et ajoute ton site
- Crée un compte Google Analytics 4 et connecte-le à WordPress
- Optimise la page “Accueil” avec un titre, une méta-description et une image
- Teste ton site avec PageSpeed Insights
Module 9 : Sécuriser et maintenir son site WordPress
🎯 Objectifs pédagogiques :
- Comprendre les risques liés à la sécurité d’un site WordPress.
- Mettre en place des protections de base contre les attaques.
- Appliquer les bonnes pratiques de maintenance régulière.
- Gérer les mises à jour, les sauvegardes et la surveillance du site.
🔐 Pourquoi sécuriser WordPress ?
WordPress est populaire, donc souvent ciblé par des robots ou des hackers. Un site mal protégé peut être piraté, ce qui peut nuire à ta réputation ou entraîner une perte de données.
🛡️ Bonnes pratiques de sécurité
- Utiliser des mots de passe forts (longs, avec chiffres, lettres, symboles)
- Ne jamais utiliser "admin" comme identifiant
- Limiter les tentatives de connexion (avec un plugin comme Loginizer ou Wordfence)
- Activer l’authentification à deux facteurs (2FA)
- Mettre à jour régulièrement WordPress, les thèmes et les plugins
- Supprimer les plugins et thèmes inutilisés
- Faire des sauvegardes régulières (hebdomadaires au minimum)
📦 Plugins de sécurité recommandés
- Wordfence – Pare-feu, scan de sécurité, alertes
- iThemes Security – Protection de base renforcée
- Loginizer – Limitation des tentatives de connexion
- WP Activity Log – Historique des connexions et modifications
🗂️ Sauvegardes : une étape vitale
Les sauvegardes sont essentielles pour pouvoir restaurer ton site en cas de problème. Tu peux :
- Faire des sauvegardes manuelles via ton hébergeur
- Utiliser un plugin comme UpdraftPlus pour automatiser les sauvegardes
- Stocker les sauvegardes dans le cloud (Google Drive, Dropbox…)
🔄 Maintenance régulière
- Faire les mises à jour une fois par semaine
- Vérifier les sauvegardes et leur fonctionnement
- Contrôler les performances du site (vitesse, erreurs…)
- Supprimer les commentaires indésirables ou les utilisateurs douteux
- Scanner régulièrement le site avec Wordfence
🧪 Mise en pratique
- Installe Wordfence et configure la surveillance en temps réel
- Change ton identifiant admin s’il est trop simple
- Planifie une sauvegarde automatique quotidienne ou hebdomadaire
- Teste une restauration de sauvegarde pour vérifier son bon fonctionnement
- Crée un petit calendrier mensuel de vérifications à faire
Module 10 : Aller plus loin avec WordPress
🎯 Objectifs pédagogiques :
- Découvrir des fonctionnalités avancées de WordPress.
- Créer une boutique en ligne avec WooCommerce.
- Comprendre les bases de la monétisation d’un site web.
- Explorer les possibilités d’automatisation et de gestion de contenu évoluée.
🛒 Créer une boutique en ligne avec WooCommerce
WooCommerce est le plugin e-commerce le plus utilisé sur WordPress. Il permet de transformer ton site en boutique en ligne complète.
- Va dans Extensions > Ajouter et installe WooCommerce
- Lance l’assistant de configuration (adresse, devise, types de produits, moyens de paiement)
- Ajoute tes produits via l’onglet Produits (nom, prix, description, image)
- Configure les modes de livraison et de paiement (ex : Stripe, PayPal)
- Teste un achat pour vérifier que tout fonctionne bien
💰 Monétiser son site WordPress
- Affiliation – Recommande des produits et gagne une commission (ex : Amazon Partner, Awin)
- Publicité – Utilise Google AdSense pour afficher des pubs sur ton site
- Vente de services – Propose des prestations en ligne (graphisme, rédaction, consulting...)
- Produits numériques – Vends des e-books, templates, cours en ligne
- Abonnements – Offre du contenu premium ou des zones réservées aux membres
⚙️ Extensions avancées utiles
- LearnDash ou Tutor LMS – Créer des formations en ligne
- MailPoet – Gérer une newsletter directement depuis WordPress
- MemberPress – Gérer des abonnements payants et zones membres
- WPML – Créer un site multilingue
- Zapier – Automatiser des actions entre WordPress et d'autres services
🚀 Aller plus loin
- Crée une page de capture (landing page) pour collecter des emails
- Intègre un chatbot (ex : Tidio, Crisp) pour interagir avec tes visiteurs
- Ajoute un blog pour améliorer ton SEO et fidéliser ton audience
- Propose des ressources gratuites (checklists, e-books) en échange d’un email
🧪 Mise en pratique
- Installe WooCommerce et ajoute 2 à 3 produits test
- Crée un formulaire d’inscription à une newsletter (ex : MailPoet)
- Teste un modèle de page de vente ou une landing page avec Elementor
- Ajoute un bouton “Acheter” sur ta page d’accueil
- Fais une réflexion sur une stratégie de contenu et de monétisation pour ton site