Ce projet est expérimental et en développement actif.
Pour les utilisateurs, les concepteurs et les éducateurs, WordPress Playground est un outil flexible qui vous permet :
- Essayez des plugins et des thèmes dans un environnement virtuel en direct
- Expérimentez avec un site Web WordPress anonyme
- Intégrez un vrai site WordPress dans votre tutoriel ou cours
Créez des applications de niveau supérieur avec WordPress côté client
Libérez tout le potentiel de WordPress Playground en l’intégrant à votre base de code. Voici quelques exemples de ce que vous pouvez créer :
- Clones de sites Web en un seul clic pour expérimenter les mises à jour de conception et les plug-ins
- Tutoriels de programmation WordPress dans le navigateur sans aucune configuration locale (comme ce premier aperçu d’un éditeur de blocs en direct )
- Créateurs de sites Web sans configuration
- Sélecteurs de versions PHP et WordPress – utiles pour les testeurs
- Rapports de bugs incluant une reproduction réelle
- Environnements de développement en un seul clic pour réviser le code, intégrer de nouveaux développeurs ou déboguer les tests échoués directement dans le CI (imaginez visiter WordPress.org, appuyer sur un bouton et démarrer votre premier PR sur place)
Et ce n’est qu’un petit aperçu des nombreuses possibilités !
Utilisez WordPress dans votre navigateur en tant que stack techniaue
WordPress Playground apporte des dépendances de plate-forme clés dans le navigateur. Voici la façon dont cela fonctionne :
PHP s’exécute en tant que binaire WebAssembly
MySQL est remplacé par SQLite via un plugin WordPress
Le serveur Web est implémenté avec l’API Service Worker
Plongez dans la documentation de WordPress Playground pour en savoir plus sur ces concepts
Intégrez WordPress Playground sur votre site Web
Un site Web WordPress contextuel peut être plus utile qu’un lien externe. L’intégration peut simplifier des choses telles que :
- Appels à tester votre projet
- Présenter votre plugin ou votre thème
- Ajouter des éléments pratiques à votre cours WordPress
La dernière version de WordPress Playground est disponible sur https://wasm.wordpress.net/wordpress.html . Vous pouvez l’intégrer sur votre site Web via la balise HTML <iframe>
<iframe
style="width: 800px; height: 500px;"
src="https://wasm.wordpress.net/wordpress.html?mode=seamless"
></iframe>Remarquez que l’URL indique mode=seamless. Il s’agit d’une option de configuration qui désactive «l’interface utilisateur du navigateur» et donne à WordPress tout l’espace disponible. Vous pouvez voir plus d’exemples et en savoir plus sur les autres options de configuration dans la documentation disponible .
Hébergez votre propre terrain de jeu WordPress
Si vous avez besoin de plus de flexibilité avec votre build, l’hébergement d’un WordPress Playground peut vous aider à :
- Utilisation de versions spécifiques de WordPress ou PHP
- Personnaliser une installation WordPress
- Expédition d’extensions PHP supplémentaires
Commencez par créer une version de développement local de WordPress Playground :
Vous pouvez maintenant personnaliser le script de construction WordPress , le script de construction PHP et toute autre partie de WordPress Playground.
git clone https://github.com/WordPress/wordpress-playground
cd wordpress-playground
npm install
npm run devImpliquez-vous et ayez un impact sur le projet
WordPress Playground est un effort collectif, et il bénéficie le plus de personnes passionnées et talentueuses comme vous. En contribuant, vous pouvez aider à faire évoluer le projet pour résoudre toutes sortes de défis.
Mieux encore, vous n’avez pas besoin de connaître WebAssembly pour contribuer à WordPress Playground ! Ce projet est principalement construit avec JavaScript et c’est tout ce dont vous avez besoin pour apporter des contributions majeures et significatives. Voici quelques façons rapides de commencer :
- Ajouter des problèmes ou des demandes d’extraction au référentiel WordPress Playground GitHub
- Retrouvez plus de détails dans la documentation du projet
- Rejoignez la conversation dans le canal #meta-playground sur Making WordPress Slack
Tout le monde peut contribuer, même si vous n’êtes pas développeur. Vos commentaires, questions, demandes de fonctionnalités et idées nous aident à faire avancer les choses. Même partager la joie de WordPress Playground avec votre réseau peut aider plus de personnes à découvrir le projet.
