Crash Test WPFormation

WPF/LAB ● VERSION 2026.05 ★ CLAUDE-CODE BENCHMARK ↻ MAJ MERCREDI
SHIPS · ARTICLE → WPFORMATION.COM SCORE FINAL · 5/5 fr_FR
wpformation /lab
★ LIRE L’ARTICLE
FILE · methode-wpformation.md · 5 méthodes · scored 0—5 · v2026.05.19

7 façons de builder WordPress
× Claude Code

La même structure de page d’accueil, dupliquée 5 fois, générée avec 5 méthodes WordPress différentes par Claude Code. Verdict honnête, captures à l’appui, ranking documenté.

↘ HYPOTHESIS · La meilleure méthode est celle qui combine éditabilité Gutenberg + CSS sur-mesure. H1
↘ VARIABLES · Méthode (5) · Structure (10 sections) · Contenu (constant) · Images (constant) VAR
↘ OUTPUT · Article + 5 démos live + prompt système + ranking + verdict. OUT
5
méthodes testées
10
sections par page
1
méthode privilégiée
0
dépendance payante
// 00.intro · pourquoi cet article

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é.

PULL · 01

« 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 1 — 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
FIG.01 · MÉTHODE 02 · LA RETENUE 1440 × 900 · CAPTURED 2026.05.14
PREVIEW · MÉTH.02
[capture placeholder] section.hero · 632 × 270
★ SCORE · MÉTHODE 02
Éditabilité
5/5
Design
5/5
Indépendance
5/5
Reproductibilité
5/5
TOTAL 5.0
// 01.piliers

4 piliers d’évaluation.

Quatre dimensions qui déterminent si une méthode tient sur la durée ou pas.

PILIER · 01 01/04

Éditabilité native

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

WEIGHT · 25%
PILIER · 02 02/04

Qualité du design

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

WEIGHT · 25%
PILIER · 03 03/04

Indépendance

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

WEIGHT · 25%
PILIER · 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 ?

WEIGHT · 25%
// 02.benchmark · 5 méthodes · scoring 0—5

les 5 méthodes,
scorées sur 5 .

N° MÉTHODE ÉDIT. DESIGN INDÉP. REPRO. TOTAL
01
Gutenberg natif
Builder par défaut
Pur Gutenberg, 0 plugin tiers, 0 CSS. Le baseline WordPress.
« Maximum éditable, minimum visuel. »
5
2
5
4
4 / 5
02
Gutenberg natif + CSS personnalisé ★
★ LA RECOMMANDÉE
Le compromis qu’on a retenu : structure native, finition CSS par page.
« Le meilleur équilibre. Le sweet spot. »
5
5
5
5
5 / 5
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. »
1
5
5
2
3.25 / 5
04
HTML multi-blocs
Custom HTML × 10
Dix blocs HTML, un par section. Éditable section-par-section.
« Mieux que le monobloc, plus lourd à reprendre. »
3
5
5
3
4 / 5
05
Spectra Pro
Builder tiers
Full Site Editing avec Spectra Pro, blocs natifs + configuration UI.
« Rapide, mais dépendant d’un plugin payant. »
4
4
2
4
3.5 / 5
↳ MOYENNES NON PONDÉRÉES · CALCULÉES SUR LES 4 PILIERS SOURCE · LAB-WPF-2026-05 / DATASET ↗
// 03.équipe · 3 contributeurs

qui a fait tourner les tests?

01 · HUMAN ★ HUM

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.

CONTRIB.
5/5
RÔLE
lead
02 · HUMAN ★ HUM

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é.

CONTRIB.
5/5
RÔLE
stagiaire
03 · AGENT ★ AI

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é.

CONTRIB.
5/5
RÔLE
agent
// 04.cta · sortie article

le verdict
complet
↗ wpformation

L’article détaille chaque méthode, les écueils rencontrés, le prompt système utilisé pour Claude Code, et le ranking final.