L’écosystème WordPress connaît une transformation majeure. Avec plus de 1 180 thèmes blocs disponibles sur le répertoire officiel et une adoption qui a bondi de 40 % en 2025, le Full Site Editing s’impose comme le nouveau standard. Pourtant, un obstacle persiste : comment les designers et contributeurs non-développeurs peuvent-ils participer à la création de thèmes sans maîtriser Git, PHP ou les lignes de commande ?
La réponse vient d’une combinaison ingénieuse de trois outils : WordPress Playground, le plugin Create Block Theme et GitHub. Ensemble, ils permettent de concevoir, modifier et soumettre des contributions à des thèmes WordPress directement depuis un navigateur, sans jamais toucher une ligne de code. Découvrez comment ce workflow transforme radicalement la collaboration dans l’univers WordPress.
Comprendre WordPress Playground : votre environnement de développement dans le navigateur
Qu’est-ce que WordPress Playground ?
WordPress Playground représente une avancée technique remarquable : un environnement WordPress complet qui s’exécute entièrement dans votre navigateur web. Grâce à WebAssembly (WASM) et une base de données SQLite embarquée, plus besoin de serveur, de configuration PHP ou d’hébergement pour tester et développer avec WordPress.
Chaque fois que vous accédez à playground.wordpress.net, vous obtenez une installation WordPress fraîche et fonctionnelle. Vous pouvez :
- Installer des thèmes et extensions
- Créer du contenu et des pages
- Personnaliser l’apparence via l’éditeur de site
- Tester des configurations sans risque
L’environnement est éphémère par défaut : fermez l’onglet et tout disparaît. Mais c’est précisément cette caractéristique qui le rend idéal pour l’expérimentation et les contributions open source.
Pourquoi Playground change la donne pour les thèmes blocs
Le développement traditionnel de thèmes WordPress nécessite :
- Un environnement de développement local (MAMP, Local, Docker)
- Des connaissances en PHP et en structure de fichiers WordPress
- La maîtrise de Git pour le versionnement
- Du temps de configuration avant de pouvoir commencer
Avec Playground, vous démarrez en quelques secondes. Mieux encore : vous pouvez charger automatiquement un thème depuis GitHub, le modifier visuellement, puis renvoyer vos changements sous forme de Pull Request. Le tout sans quitter votre navigateur.
Personnalisation via les paramètres d’URL
WordPress Playground accepte des paramètres d’URL pour préconfigurer votre environnement. Par exemple :
https://playground.wordpress.net/?theme=developer-flavor&plugin=create-block-themeCette URL lance une instance avec le thème “Developer Flavor” activé et le plugin Create Block Theme installé. Vous économisez les étapes manuelles d’installation et pouvez partager des liens préconfigurés avec vos collaborateurs.
Create Block Theme : le pont entre l’éditeur visuel et les fichiers de thème
Le problème des modifications en base de données
Lorsque vous personnalisez un thème via l’éditeur de site WordPress, vos modifications sont stockées dans la base de données comme des “surcharges utilisateur”. Ces changements :
- Ne sont pas exportables facilement
- Ne peuvent pas être versionnés avec Git
- Sont perdus si vous réinitialisez votre site
- Ne peuvent pas être partagés avec d’autres développeurs
C’est là qu’intervient le plugin Create Block Theme, développé par l’équipe WordPress elle-même. Il extrait vos modifications de la base de données pour les transformer en fichiers de thème standards.
Fonctionnalités principales du plugin
Le plugin Create Block Theme offre plusieurs options accessibles via Apparence > Create Block Theme ou directement dans l’éditeur de site (icône clé à molette) :
Sauvegarder les modifications vers le thème
- Save Fonts : copie les polices personnalisées vers le dossier assets du thème
- Save Style Changes : intègre vos modifications de style dans le fichier
theme.json - Save Template Changes : exporte les templates modifiés vers les fichiers correspondants
Créer un nouveau thème
- Générer un thème enfant basé sur le thème actif
- Créer un clone complet du thème avec vos personnalisations
- Démarrer un thème vierge à partir de zéro
Exporter le thème
- Télécharger un fichier ZIP prêt à installer sur n’importe quel site WordPress
Comment le plugin prépare vos fichiers
Lors de l’export, Create Block Theme effectue plusieurs opérations essentielles :
- Extraction des images : toutes les images utilisées dans les templates sont copiées vers le dossier
assetsdu thème - Nettoyage du markup : le code HTML des blocs est optimisé et préparé pour l’export
- Internationalisation : les chaînes de texte sont préparées pour la traduction
- Organisation du theme.json : les propriétés sont triées alphabétiquement et le schéma est mis à jour
Le résultat est un thème professionnel, conforme aux standards WordPress, prêt pour la distribution ou la contribution.
Le workflow complet : de l’idée à la Pull Request
Étape 1 : Lancer un Playground préconfiguré
Pour contribuer à un thème existant hébergé sur GitHub, vous n’avez qu’à cliquer sur un lien. Les mainteneurs de thèmes peuvent inclure dans leur README un bouton de type :
[Contribuer au thème](https://playground.wordpress.net/?blueprint-url=...)Ce lien ouvre une instance Playground avec :
- Le thème chargé depuis la branche principale du dépôt
- Le plugin Create Block Theme préinstallé
- L’éditeur de site prêt à l’emploi
Étape 2 : Effectuer vos modifications visuellement
Une fois dans l’éditeur de site WordPress, vous avez accès à toutes les possibilités de personnalisation :
Modifications de styles globaux
- Couleurs et palettes
- Typographies et tailles de police
- Espacements et dimensions
- Effets et filtres
Modifications de templates
- Structure des pages (header, footer, sidebar)
- Mise en page des articles et archives
- Templates personnalisés pour les pages spécifiques
Modifications de patterns
- Création de sections réutilisables
- Agencements de blocs préconçus
WordPress 6.9, sorti en décembre 2025, a d’ailleurs considérablement amélioré cette expérience avec un mode d’édition simplifié et la possibilité de créer des templates en brouillon avant publication.
Étape 3 : Sauvegarder vers le thème
Une fois vos modifications terminées :
- Ouvrez le panneau Create Block Theme (icône clé à molette dans l’éditeur)
- Sélectionnez “Save Changes to Theme”
- Cochez les options appropriées (styles, templates, polices)
- Validez
Vos modifications sont maintenant écrites dans les fichiers du thème, pas seulement dans la base de données.
Étape 4 : Créer une Pull Request vers GitHub
Voici la partie révolutionnaire : depuis Playground, vous pouvez directement soumettre vos modifications comme Pull Request sur GitHub.
- Connectez votre compte GitHub à Playground
- Sélectionnez l’option d’export vers GitHub
- Décrivez vos modifications
- Soumettez la Pull Request
Le mainteneur du thème reçoit votre contribution avec :
- Un diff clair des fichiers modifiés
- Un lien de prévisualisation Playground pour tester vos changements
- La possibilité de merger directement ou de demander des ajustements
Configuration avancée : Blueprints et GitHub Actions
Les Blueprints : scripts de configuration automatisée
Les Blueprints sont des fichiers JSON qui définissent précisément l’état initial d’une instance Playground. Ils permettent d’automatiser :
- L’installation de thèmes et plugins
- La configuration des options du site
- L’import de contenu de démonstration
- L’exécution de scripts PHP personnalisés
Voici un exemple de Blueprint pour charger un thème depuis GitHub :
{
"steps": [
{
"step": "installTheme",
"themeData": {
"resource": "git:directory",
"url": "https://github.com/WordPress/community-themes",
"ref": "trunk",
"path": "developer-flavor"
},
"options": {
"activate": true
}
},
{
"step": "installPlugin",
"pluginData": {
"resource": "wordpress.org/plugins",
"slug": "create-block-theme"
}
},
{
"step": "setSiteOptions",
"options": {
"blogname": "Mon site de test",
"permalink_structure": "/%postname%/"
}
}
]
}Ce Blueprint :
- Installe et active le thème “developer-flavor” depuis le dépôt community-themes
- Installe le plugin Create Block Theme
- Configure le nom du site et les permaliens
GitHub Actions pour les previews automatiques
Pour les équipes qui maintiennent des thèmes sur GitHub, l’action WordPress/action-wp-playground-pr-preview automatise la création de boutons de prévisualisation sur chaque Pull Request.
Configuration de base dans .github/workflows/pr-preview.yml :
name: PR Preview
on:
pull_request:
types: [opened, synchronize, reopened, edited]
jobs:
preview:
runs-on: ubuntu-latest
permissions:
contents: read
pull-requests: write
steps:
- name: Post Playground Preview Button
uses: WordPress/action-wp-playground-pr-preview@v2
with:
github-token: ${{ secrets.GITHUB_TOKEN }}
mode: 'append-to-description'
plugin-path: .Chaque PR reçoit automatiquement un bouton “Tester dans Playground” qui permet aux reviewers de vérifier les modifications en un clic.
Utilisation en ligne de commande
Pour les développeurs qui préfèrent travailler localement, la CLI @wp-playground/cli offre une intégration poussée :
# Cloner un thème
git clone git@github.com:WordPress/community-themes.git
cd community-themes/developer-flavor
# Lancer Playground avec le thème monté
npx @wp-playground/cli server --auto-mountCette commande démarre un serveur local Playground avec votre thème synchronisé. Les modifications de fichiers sont reflétées en temps réel.
Cas d’usage et bonnes pratiques
Pour les designers
Ce workflow est idéal pour les designers qui veulent contribuer visuellement sans apprendre le développement :
- Proposer des variations de styles : créez de nouvelles palettes de couleurs ou configurations typographiques
- Améliorer les templates : réorganisez la structure des pages existantes
- Créer des patterns : concevez des sections réutilisables pour enrichir le thème
Conseil : documentez toujours vos choix de design dans la description de la Pull Request. Expliquez le “pourquoi” de vos modifications.
Pour les agences
Les agences peuvent utiliser ce workflow pour :
- Présentations client : partagez des liens Playground préconfigurés avec vos propositions de design
- Collaboration interne : permettez aux designers de contribuer directement aux thèmes custom
- Formation : initiez les juniors au développement de thèmes sans complexité technique
Pour les mainteneurs de thèmes open source
Si vous maintenez un thème sur le répertoire WordPress :
- Ajoutez un bouton “Contribuer” dans votre README pointant vers un Playground préconfiguré
- Configurez la GitHub Action pour les previews automatiques de PR
- Documentez le workflow pour guider les nouveaux contributeurs
Cela démocratise les contributions et élargit considérablement votre base de contributeurs potentiels.
Erreurs courantes à éviter
Ne pas sauvegarder avant d’exporter Assurez-vous d’utiliser “Save Changes to Theme” avant de créer une Pull Request. Sans cette étape, vos modifications restent dans la base de données Playground et ne seront pas incluses dans l’export.
Oublier de tester sur différentes tailles d’écran L’éditeur de site permet de prévisualiser en responsive. Vérifiez toujours vos modifications sur mobile, tablette et desktop.
Modifier trop de choses dans une seule PR Préférez des Pull Requests ciblées : une pour les couleurs, une pour un template spécifique. Cela facilite la review et le merge.
Ignorer les conventions du thème Avant de contribuer, examinez les PR précédemment mergées pour comprendre les conventions du projet (nommage, structure, style de code).
L’avenir du développement de thèmes WordPress
Avec WordPress 6.9 et ses améliorations majeures de l’éditeur de site (mode simplifié, notes collaboratives, nouveaux blocs), le Full Site Editing atteint une maturité impressionnante. La version 7.0, prévue pour 2026, promet d’aller encore plus loin avec de nouveaux blocs (Tabulation, Fil d’Ariane, Table des Matières) et l’intégration complète de l’éditeur dans une iframe.
Le workflow Playground + Create Block Theme + GitHub s’inscrit parfaitement dans cette évolution. Il répond à une demande croissante : permettre à tous de participer à l’écosystème WordPress, quelles que soient leurs compétences techniques.
Les statistiques parlent d’elles-mêmes : 60 % des utilisateurs WordPress utilisent désormais l’éditeur de blocs, contre seulement 37 % en 2020. Les thèmes blocs représentent l’avenir, et les outils pour y contribuer n’ont jamais été aussi accessibles.
Conclusion : démocratiser la contribution WordPress
Le workflow présenté dans cet article marque un tournant dans l’écosystème WordPress. En combinant WordPress Playground, Create Block Theme et GitHub, il devient possible de :
- Contribuer à des thèmes open source sans connaissances en développement
- Collaborer efficacement entre designers et développeurs
- Réduire drastiquement le temps de configuration et de mise en place
- Partager des environnements de test reproductibles
Si vous êtes designer, ne laissez plus vos idées en attente faute de compétences techniques. Si vous êtes développeur ou mainteneur de thème, ouvrez votre projet à une communauté plus large en mettant en place ce workflow.
Pour commencer dès maintenant :
- Rendez-vous sur playground.wordpress.net
- Installez le plugin Create Block Theme
- Explorez, modifiez, contribuez
L’avenir de WordPress se construit ensemble, et désormais, tout le monde peut y participer.