Chapitre 1.1 — Qu’est-ce que WordPress ?
⏱️ TL;DR — WordPress est un CMS (système de gestion de contenu) open-source en PHP + MySQL, né en 2003 comme outil de blog, devenu la plateforme qui fait tourner ~43 % de tous les sites web. Ce n’est ni un framework moderne façon Next.js, ni un simple « constructeur de sites » : c’est un cœur minimal + un système d’extensions (thèmes et plugins) où presque tout se fait par des points d’accroche (hooks). Comprendre cette philosophie « petit cœur, immense périphérie » est la clé de tout le cours.
🎯 Objectifs
- Définir ce qu’est un CMS et ce que WordPress fait concrètement.
- Situer WordPress face à ce que vous connaissez (Next.js, un back-office headless, un site statique).
- Comprendre pourquoi WordPress domine le web (et ce que ça implique pour vous).
- Démonter les mythes fréquents du dev moderne (« c’est vieux / c’est du PHP / c’est juste pour les blogs »).
1. Un CMS, c’est quoi ?
Un CMS (Content Management System) sépare le contenu (articles, pages, produits) de sa présentation (le thème) et permet à des non-développeurs de créer et gérer ce contenu via une interface d’administration.
Concrètement, WordPress fournit, sans que vous n’écriviez rien :
- une base de données structurée pour stocker du contenu (articles, pages, médias, utilisateurs, réglages) ;
- une interface d’administration complète (
wp-admin) pour créer/éditer ce contenu ; - un système d’authentification et de rôles/permissions ;
- un moteur qui, à chaque visite, assemble une page HTML à partir du contenu + du thème actif ;
- une API d’extension gigantesque pour tout modifier.
💡 Pour un dev React — Pensez à WordPress comme à un back-office headless open-source déjà construit (à la Strapi/Sanity), plus un moteur de rendu de pages plus un écosystème de milliers d’extensions prêtes à l’emploi. La grosse différence culturelle : par défaut, WordPress rend le HTML côté serveur (comme les Server Components, mais en PHP). On peut le rendre headless et brancher Next.js dessus — c’est toute la Partie 9 — mais son mode natif est monolithique.
2. Ce que WordPress fait tourner (le spectre réel)
« WordPress = blog » est une idée périmée depuis dix ans. Aujourd’hui il propulse :
- des blogs et sites personnels (son origine) ;
- des sites vitrines et institutionnels (PME, mairies, associations) ;
- des médias à fort trafic (des journaux nationaux tournent sous WordPress) ;
- des boutiques e-commerce via WooCommerce (Partie 10) ;
- des sites d’adhésion, LMS, forums, annuaires (via plugins) ;
- des back-offices headless dont le front est en Next.js / React (Partie 9).
Cette polyvalence vient d’une architecture volontairement minimale au cœur et infiniment extensible en périphérie.
Retenez ce schéma : cœur → thème (apparence) + plugins (fonctions) → site. Tout le cours consiste à apprendre à intervenir sur chacune de ces couches.
3. Une très courte histoire (utile pour comprendre le présent)
| Année | Étape | Pourquoi ça compte |
|---|---|---|
| 2003 | Naissance (fork de b2/cafelog) | ADN « blog » et culture open-source dès le départ. |
| 2004–2008 | Thèmes, plugins, widgets | L’extensibilité devient le cœur de l’identité de WordPress. |
| 2010 | Custom Post Types | WordPress cesse d’être « que du blog » : on modélise n’importe quel contenu. |
| 2015–2016 | REST API intégrée au cœur | WordPress devient pilotable comme une API → ouvre le headless. |
| 2018 | Gutenberg (éditeur de blocs, en React) | Virage majeur : l’édition devient une app React. |
| 2022+ | Full Site Editing (theme.json, thèmes blocs) | Le thème entier s’édite en blocs ; nouvelle façon de faire des thèmes. |
📚 Aller plus loin — Deux dates structurent votre apprentissage : 2016 (REST API) rend le headless possible (Partie 9), 2018 (Gutenberg) fait entrer React au cœur de WordPress (Partie 8). Ce sont vos deux portes d’entrée privilégiées de dev moderne.
4. Pourquoi WordPress domine (~43 % du web)
Ce n’est pas un hasard technique, c’est un effet de système :
- Gratuit et libre (licence GPL, chapitre 1.3) — zéro coût de licence, on peut tout modifier.
- Facile pour les non-dev — publier un article ne demande aucune compétence technique.
- Un écosystème colossal — des dizaines de milliers de thèmes et plugins couvrent presque tout besoin.
- Rétrocompatibilité obsessionnelle — un site de 2010 fonctionne encore ; ça rassure les entreprises et fidélise.
- Une communauté immense — hébergeurs, agences, freelances, formateurs : une industrie entière.
Pour vous, cette domination signifie une demande de travail durable : missions freelance, plugins à vendre, sites à maintenir (Partie 13).
⚠️ Piège — La rétrocompatibilité a un revers : WordPress traîne des API anciennes et des pratiques datées à côté d’API très modernes (React, REST). Vous verrez cohabiter du code « 2006 » et du code « 2024 ». Savoir choisir l’API moderne quand elle existe est une compétence en soi — ce cours vous y entraîne.
5. WordPress face à ce que vous connaissez
| Vous venez de… | WordPress, c’est… | Nuance |
|---|---|---|
| Next.js / un framework | Une plateforme applicative complète livrée avec back-office, auth, BDD, admin. | Vous ne construisez pas tout ; vous étendez un existant via des contrats. |
| Un CMS headless (Sanity, Strapi) | Un CMS open-source similaire, mais qui rend aussi les pages par défaut. | On peut le rendre headless (Partie 9) et garder Next.js en front. |
| Un site builder (Webflow, Wix) | Bien plus ouvert : accès total au code, à la BDD, à l’hébergement. | Aucune limite propriétaire ; vous possédez tout. |
L’erreur du dev moderne est de vouloir « traiter WordPress comme un framework » et de tout réécrire. La bonne posture : apprendre ses contrats (hooks, thème, plugin, REST) et s’y brancher — c’est plus rapide, plus maintenable, et c’est ce que le marché paie.
6. Le vocabulaire de base (juste ce qu’il faut pour la suite)
- Article (post) : contenu daté, chronologique (billets de blog).
- Page : contenu statique, hors chronologie (À propos, Contact).
- Thème : ce qui définit l’apparence et une partie du rendu.
- Plugin : ce qui ajoute des fonctionnalités.
- Bloc : l’unité de contenu de l’éditeur Gutenberg (paragraphe, image, colonnes…).
- Hook : un point d’accroche (action ou filtre) où votre code s’insère dans WordPress. Le concept le plus important du cours (Partie 5).
- wp-admin : le back-office d’administration.
Le glossaire complet (FR/EN/code) est en Partie 12. Retenez surtout hook : c’est le cœur battant de tout développement WordPress.
✏️ Exercices
- En une phrase, expliquez la différence entre un thème et un plugin.
- Citez deux événements historiques qui rendent WordPress intéressant pour un dev Next.js/React, et pourquoi.
- Un client dit : « WordPress c’est dépassé, c’est juste pour les blogs. » Donnez-lui trois contre-arguments factuels.
✅ Solution
- Un thème définit l’apparence (comment le contenu s’affiche) ; un plugin ajoute des fonctionnalités (ce que le site sait faire). On peut changer de thème sans perdre ses fonctions, et inversement.
- 2016 — REST API au cœur : rend WordPress pilotable en API → headless avec Next.js. 2018 — Gutenberg : l’éditeur est une app React → on développe des blocs en React. Ces deux virages placent WordPress dans l’écosystème JS moderne.
- (a) WordPress fait tourner ~43 % du web, dont des médias à fort trafic et des boutiques ; (b) depuis les Custom Post Types (2010) on modélise n’importe quel contenu, pas seulement des billets ; (c) l’éditeur moderne est en React et l’on peut faire du headless avec Next.js — c’est tout sauf dépassé.
🧠 Quiz de révision
1. Qu’est-ce qu’un CMS, en une ligne ?
Un système qui sépare le contenu de sa présentation et permet à des non-développeurs de le gérer via une interface d’administration.
2. En quels langages le cœur de WordPress est-il écrit ?
PHP (logique serveur) et MySQL/MariaDB (base de données). Le côté éditeur moderne (Gutenberg) est en JavaScript/React.
3. Quelle est la philosophie d’architecture de WordPress ?
Un cœur minimal + une immense périphérie extensible (thèmes + plugins) où presque tout se fait via des hooks.
4. Quel changement de 2016 ouvre le WordPress « headless » ?
L’intégration de la REST API dans le cœur, qui rend WordPress pilotable comme une API — front Next.js possible.
5. Pourquoi la part de marché de WordPress compte-t-elle pour vous ?
Elle garantit une demande de travail durable : missions freelance, plugins/thèmes à vendre, sites à maintenir (voir Partie 13).
Chapitre suivant : WordPress.org vs WordPress.com.