WordPress Playground – Un nouvel outil que vous devez essayer dès maintenant

WordPress a publié des outils innovants qui aident les utilisateurs à atteindre leurs objectifs et à devenir des utilisateurs plus compétents. L'un des outils les plus récents s'appelle Playground, un outil conçu pour rendre un site WordPress instantanément disponible pour le test, l'apprentissage et la création.

Contexte sur le terrain de jeu WordPress

Playground est un outil qui s'exécute dans votre navigateur.

La documentation officielle WordPress pour Playground suggère ces utilisations :

  • Essayez un bloc, un thème ou un plugin
  • Créez un site entier, enregistrez-le, hébergez-le
  • Testez votre plugin avec de nombreuses versions spécifiques de WordPress et PHP
  • Intégrez un véritable site WordPress interactif dans votre tutoriel ou cours
  • Présentez un plugin ou un thème sur votre site Web
  • Créez une application native exécutant WordPress et placez-la dans l'App Store
  • Prévisualisez les demandes d'extraction de votre référentiel

Il existe également un plugin WordPress disponible, Playground By WordPress Contributors, qui permet à un utilisateur de cloner son site vers une version privée de Playground dans le navigateur. Le plugin WordPress permet à un utilisateur de créer une copie exacte d'un site Web dans une instance Playground, à partir de laquelle un utilisateur peut faire des choses comme tester un plugin ou un thème. Toute modification apportée à l'instance Playground n'affecte pas le site Web lui-même.

Le site cloné n'est téléchargé sur aucun service cloud, toutes les données restent privées, résidant dans le navigateur Web de l'utilisateur, où elles restent jusqu'à la fermeture de l'onglet du navigateur.

Interview : Adam Zieliński, architecte de terrain de jeu WordPress chez Automattic

J'ai interviewé Adam Zieliński, l'architecte WordPress Playground chez Automattic, pour en savoir plus sur ce qu'est Playground et comment il peut être utile pour les développeurs et les utilisateurs réguliers de WordPress. La première chose que je voulais savoir, c'est qu'est-ce que Playground et pourquoi devrait-on l'utiliser, que devraient-ils en attendre ? Adam Zieliński : « Playground, c'est WordPress en un seul clic.

Il n'y a pas d'étapes de configuration fastidieuses, de compte d'hébergeur Web ou de discussions techniques. Playground n’est pas le site de Playground.wordpress.

net. C’est la technologie révolutionnaire qui rend ce site possible et qui alimente également une nouvelle génération d’outils WordPress interactifs en un seul clic. Il existe des didacticiels interactifs, des workflows d'assurance qualité (assurance qualité), des aperçus « essayez avant d'acheter » pour les plugins, des outils de collaboration, des workflows de contribution et bien plus encore.

Voici deux exemples : Le site terrain de jeu.wordpress.net sert également d'outil d'assurance qualité : vous pouvez essayer la prochaine version de WordPress, tester votre plugin ou votre thème avec cinq autres plugins, puis voir comment il fonctionne sur différentes versions de WordPress et PHP.

Cela s’est avéré utile pour obtenir des commentaires pendant le cycle de publication de WordPress 6.5, l’appel à tests de la bibliothèque de polices, et bien plus encore. En tant que plugin WordPress, Playground peut cloner votre site WordPress existant, y compris tout le contenu, les plugins et les thèmes, dans une instance Playground privée.

Cela vous donne un moyen de tester les modifications, les nouveaux plugins ou les mises à jour avant de les mettre en ligne et sans avoir besoin d'un hébergement séparé. L'exemple suivant est un peu plus technique mais je vais quand même le suivre. Playground peut être intégré à des sites Web.

Il existe des entreprises qui présentent une version en direct de leur plugin ou de leur thème en utilisant un site WordPress Playground en direct intégré à leur site actuel. C'est très utile pour leurs futurs clients, même s'ils n'ont aucune idée de ce qu'est Playground. J'ai enchaîné avec une question lui demandant comment il décrirait Playground à quelqu'un qui utilise WordPress mais ne se mêle pas de la partie développement.

Adam Zieliński : « Playground est une version de WordPress qui s'exécute directement sur votre appareil, pas sur un hébergeur. Vous pouvez ouvrir Playground sur votre téléphone, désactiver Internet et continuer à l’utiliser. J'ai ensuite demandé si c'était utile pour migrer vers un nouveau modèle ou tester les mises à jour du plugin.

Adam Zieliński : « Absolument. Vous pouvez cloner votre site à l'aide du plugin Playground WordPress et essayer d'abord le nouveau modèle ou le plugin mis à jour sans risquer de casser votre site de production. Ce plugin ajoute également un bouton « Aperçu maintenant » à la recherche de plugins dans wp-admin afin que vous puissiez « les essayer » avant de vous engager à en installer un sur votre site en direct.

» Zieliński a ensuite recommandé les ressources suivantes pour consulter et en savoir plus sur Playground : WordPress Playground : l'outil ultime d'apprentissage, de test et d'enseignement pour WordPress Comment utiliser WordPress Playground pour des démos interactives Comment commencer à utiliser WordPress Playground Playground aide-t-il les utilisateurs réguliers de WordPress à se familiariser avec le développement de sites eux-mêmes, est-ce un moyen pratique d'apprendre à utiliser WordPress ? Adam Zieliński : « Playground est un excellent outil d'apprentissage. Vous pouvez simplement accéder à terrain de jeu.wordpress.

net et commencer à explorer WordPress, qu'il s'agisse de créer votre premier article ou d'installer quinze plugins et de créer un site entier. L'expérience est aujourd'hui très autoguidée, ce qui est utile dans les cours, les ateliers et les rencontres où un instructeur peut vous donner des indications. Nous explorons également des didacticiels interactifs et guidés.

Imaginez visiter WordPress.org, cliquer sur, par exemple, « Je veux créer mon premier site WordPress », et obtenir des instructions claires et un site WordPress interactif sur lequel travailler. C’est vers cela que nous travaillons.

Et cela ne doit pas nécessairement être un avenir lointain. Tout le monde peut commencer à créer ces expériences d'apprentissage interactives dès aujourd'hui avec le bloc Playground – c'est un moyen en un seul clic d'intégrer Playground dans votre contenu WordPress. Vous pouvez jouer avec ce bloc dès maintenant si vous accédez à la page du plugin et cliquez sur le bouton Live Preview.

Oh, et cet aperçu en direct ? Il est également alimenté par WordPress Playground ! » Playground est-il compatible avec les créateurs de sites Web WordPress populaires ? Adam Zieliński : « Je n'ai pas testé Divi. Elementor fonctionne pour la plupart, bien qu'il y ait un problème technique dans le flux d'intégration qui doit être résolu dans le correctif Elementor avant qu'il ne soit pleinement fonctionnel. Playground dispose d'une fonctionnalité appelée Blueprints, fichiers de paramètres de configuration.

J'ai demandé à Adam comment il décrirait les Blueprints et en quoi ils sont utiles aux utilisateurs. Adam Zieliński : « Les plans sont des lignes directrices pour Playground sur la façon de créer le site WordPress pour vous. Les plans sont aussi comme des pièces de puzzle.

En fait, au WCEU 2024, vous créerez de vrais sites WordPress avec des pièces de puzzle physiques. Nous avons imprimé des pièces de puzzle représentant les étapes de configuration du site, telles que l'installation d'un plugin ou la modification du nom du site, et les participants pourront les collecter et les numériser avec une application qui chargera Playground avec la configuration (Blueprint) qu'ils ont assemblée. Voir également : Que sont les plans et que pouvez-vous faire avec eux ? Concernant l’utilité des Blueprints, il y a deux aspects à cela.

Vous pouvez soit utiliser un site Playground créé sur la base d'un Blueprint existant, soit créer un nouveau Blueprint. Si vous souhaitez simplement profiter des outils basés sur Playground, vous n'avez même pas besoin de savoir ce que sont les Blueprints. Tout ce que vous découvrirez est un bouton qui ouvre un site WordPress préconfiguré pour faire n'importe quoi.

Il peut vous aider à tester un thème, à contribuer à une page de documentation ou même à créer un diaporama et à l'exporter au format PDF. Si vous souhaitez créer de nouveaux Blueprints, vous devez aujourd'hui vous salir les mains et écrire du code JSON. Blueprints 101 et Technical Introduction to Playground vous guideront à travers les étapes et vous pourrez également prévisualiser les exemples dans la galerie Blueprints.

Il convient de noter que nous travaillons sur un outil visuel dans lequel vous pourrez simplement assembler ces étapes comme des pièces de puzzle sans aucune connaissance en codage. Est-ce un moyen de créer un site puis de sauvegarder ou de partager la démo ? Adam Zieliński : « Oui ! Les sites Playground sont temporaires par défaut, mais il existe de nombreuses façons de les enregistrer et de les partager. Sur Playground.

wordpress.net, il y a un bouton de paramètres où vous pouvez demander à Playground d'enregistrer votre site dans votre navigateur Web. Une fois que vous avez fait cela et actualisé la page, vous reviendrez directement à votre site.

Vous pouvez également synchroniser le site avec un répertoire sur votre ordinateur et toutes les modifications de Playground y apparaîtront. Ensuite, vous pouvez également exporter votre site sous forme de fichier zip ou vers GitHub. Il existe deux manières de partager un site avec d'autres.

La première consiste à créer un plan – alors notez toutes les instructions étape par étape pour que Playground recrée ce site. Vous pouvez ensuite inclure ce plan dans un lien et le partager avec le monde. Les plans sont puissants mais pas toujours pratiques, il existe donc également une deuxième méthode.

Un site Playground peut être exporté sous forme de fichier zip. Vous pouvez héberger ce fichier zip, par exemple sur GitHub, et créer un lien Playground pour le charger. Un membre de la communauté des développeurs WordPress a transmis cette question : « Les créateurs de sites ont souvent un ou plusieurs « sites de démarrage », qui semblent carrément s'aligner sur les plans, bien qu'ils incluent généralement des thèmes et des plugins premium.

Drupal propose des « distributions », qui sont essentiellement des sites de démarrage préconfigurés, souvent axés sur une niche. Imaginez une installation préconfigurée du noyau, un thème, un plugin d'adhésion et une configuration de paiement (en attente des clés API de la passerelle). Si vous souhaitez un site d’adhésion, installez-le simplement et commencez à ajouter du contenu.

Ou un système d'assistance préconfiguré, etc. Donc, je me demande si l’idée est que Blueprints fournira quelque chose de similaire ? » Adam Zieliński : « C’est exactement ce que permettent les plans. Les aperçus en direct dans le répertoire des plugins WordPress en sont un exemple : chaque fois que vous obtenez un site identique préconfiguré pour un plugin particulier.

Il installe toujours un nouveau WordPress et les dernières versions de tous les plugins et thèmes coexistants. Vous pouvez préparer un Blueprint pour votre configuration particulière et l'utiliser dans le navigateur, ou vous pouvez également utiliser l'outil Playground CLI pour travailler avec ces sites de démarrage sur votre ordinateur local. Nous construisons une bibliothèque PHP pour permettre aux hébergeurs de prendre en charge les Blueprints – les sites modèles pourraient alors devenir une fonctionnalité courante dans le paysage de l'hébergement WordPress.

Aire de jeux WordPress

Une aire de jeux est un lieu conçu pour et encourageant les activités. C’est exactement ce qu’est WordPress Playground. Quiconque utilise WordPress devrait essayer Playground ou, à tout le moins, se familiariser avec lui, car les connaissances élargissent les perspectives, facilitent la résolution de problèmes et font de chacun un concurrent et un homme d'affaires plus efficace.

Image en vedette par Shutterstock/Leszek Czerwonka

Tags: ,