Direction J · Le Cahier WPF — V2

● Numéro V Mai mmxxvi WPF Lab × Claude Code 10 sections · 5 méthodes · 1 verdict
Paris · FR Score final · 5,0 / 5,0
Édition cahier — Vol. I

Le Cahier WPF

Fondé en mmxii
★ I — À la une
Le grand banc d’essai
Page 01 / 28

Cinq façons de builder un site WordPress avec Claude Code.

La même structure d’accueil dupliquée cinq fois, générée avec cinq méthodes WordPress différentes par Claude Code. Quatre piliers d’évaluation, un score sur cinq, un verdict — et la méthode qu’on retient pour de bon.

Lire l’article complet ↗ Comparer les 5 démos → Lecture · 8 minutes — Suite p. 04
↳ Les 5 méthodes en compétition
Scoring 0—5 · 4 piliers · moyenne
01
Gutenberg natif
4,0 / 5,0
02 ★ retenue
Gutenberg + CSS
5,0 / 5,0
03
HTML monobloc
3,25 / 5,0
04
HTML multi-blocs
4,0 / 5,0
05
Spectra Pro
3,5 / 5,0
★ Tableau I — Les chiffres en bref
Source · Lab WPF · 2026.05
n° 01 / 04
5
méthodes testées
n° 02 / 04
10
sections par page
n° 03 / 04
1
méthode privilégiée
n° 04 / 04
0
dépendance payante
★ I — Dossier d’ouverture · pourquoi cet article
Page 02

WordPress + Claude Code : on a creusé pour vous.

Plutôt que vous proposer un avis à l’aveugle, WPFormation a bâti intentionnellement 5 approches pour créer des pages WordPress complètes avec Claude Code, sur exactement la même structure (10 sections), avec le même contenu et les mêmes images. Verdict honnête, captures à l’appui, ranking documenté.

« 
« Avant de recommander une méthode, on l’a fait tourner sur un site réel. Voici les 5 démos accessibles librement. »
— Fabrice · WPFormation
Note I — La méthode qu’on a retenue → Gutenberg natif + CSS personnalisé page-level → combiner l’éditabilité WordPress native avec un rendu visuel travaillé. Sans plugin payant, sans bloc Spectra Pro, sans AI builder propriétaire. ↗ N1/01
★ II — La grille d’évaluation
Page 03

Quatre piliers d’évaluation.

★ Pilier 01 01/04
01

Éditabilité native

La page reste-t-elle modifiable depuis l’éditeur Gutenberg WordPress sans expert qui réintervient, sans toucher au code ?

poids 25 %
★ Pilier 02 02/04
02

Qualité du design

Le rendu visuel final tient-il à hauteur d’un site professionnel ? Typo, hiérarchie, espaces graphiques, rigueur visuelle.

poids 25 %
★ Pilier 03 03/04
03

Indépendance

Combien de plugins payants, de thèmes verrouillés ou de services tiers la méthode requiert pour fonctionner ?

poids 25 %
★ Pilier 04 04/04
04

Reproductibilité

La méthode est-elle scriptable, twéakable, transmissible, répétable sur le même site avec d’autres briques de contenu ?

poids 25 %
★ III — Le grand benchmark · 5 méthodes
Page 04

Les cinq méthodes,
scorées sur cinq.

01

Gutenberg natif

Builder par défaut

Pur Gutenberg, 0 plugin tiers, 0 CSS. Le baseline WordPress.

« Maximum éditable, minimum visuel. »
Éd.
Des.
Ind.
Rep.
total
4,0 / 5,0
Voir démo ↗
02

Gutenberg natif + CSS personnalisé

★ retenue
★ LA RECOMMANDÉE

Le compromis qu’on a retenu : structure native, finition CSS par page.

« Le meilleur équilibre. Le sweet spot. »
Éd.
Des.
Ind.
Rep.
total
5,0 / 5,0
Voir démo ↗
03

HTML monobloc

Bloc HTML brut

Une seule grosse iframe d’HTML/CSS collée dans un bloc Custom HTML.

« Beau, mais inéditable. Risqué pour le client. »
Éd.
Des.
Ind.
Rep.
total
3,25 / 5,0
Voir démo ↗
04

HTML multi-blocs

Custom HTML × 10

Dix blocs HTML, un par section. Éditable section-par-section.

« Mieux que le monobloc, plus lourd à reprendre. »
Éd.
Des.
Ind.
Rep.
total
4,0 / 5,0
Voir démo ↗
05

Spectra Pro

Builder tiers

Full Site Editing avec Spectra Pro, blocs natifs + configuration UI.

« Rapide, mais dépendant d’un plugin payant. »
Éd.
Des.
Ind.
Rep.
total
3,5 / 5,0
Voir démo ↗
↳ Moyennes non pondérées · calculées sur les quatre piliers Source · Lab-WPF-2026-05 / Dataset ↗
★ IV — La rédaction
Page 06

Qui a fait tourner les tests.

01 · Humain ★ HUM 5 / 5
F

Fabrice

Formateur WordPress · WPFormation

Fondateur de WPFormation, lancé en 2012. Formateur WordPress indépendant et auteur de l’article de référence comparant les 5 méthodes × Claude Code.

rôle lead
02 · Humain ★ HUM 5 / 5
A

Alexandra

Stagiaire · WPFormation

Stagiaire en formation WordPress chez WPFormation. C’est en l’accompagnant sur son projet de fin de formation que l’idée du benchmark a germé.

rôle stagiaire
03 · Agent ★ AI 5 / 5
C

Claude Code

Agent de développement

Outil utilisé pour générer les 5 démos. Six jobs lancés en parallèle, 32 itérations sur le système et le ratio prompt/coût/qualité.

rôle agent
★ V — Le verdict · sortie d’article
Page 12 / 28

La méthode 02 l’emporte.

Cinq méthodes WordPress, testées sur la même structure d’accueil, scorées sur quatre piliers. Une seule retenue : la combinaison Gutenberg natif + CSS par page, sans dépendance payante, sans verrou propriétaire.