WordPress Playground: terug naar de speelplaats

Je moet altijd een beetje kinds blijven, toch? Elke dag bijleren en nieuwe dingen ontdekken hoort daarbij. Ik ging aan de slag met WordPress Playground – nadat ik er vorige week op de WordPress Meetup in Utrecht meer over hoorde van Jan-Willem. Je kan er veel meer mee dan wat ik initieel wist.

WordPress, maar dan zonder server

Het WordPress recept heeft slechts 2 ingrediënten. Een webserver waarop PHP geïnstalleerd staat en een database server, die bij veel webhosting bedrijven gewoon op dezelfde server draait.

Toch vergt het wat technische kennis om WordPress geïnstalleerd te krijgen. Je moet veel stappen doorlopen om er nog maar aan te beginnen. Je kan WordPress lokaal op je computer draaien, maar met Playground heb je slechts enkele seconden nodig.

Alles in de browser

WordPress Playground maakt gebruik van leuke technologie om alle software rechtstreeks in je browser in te laden. Zodra alles gedownload is, draait WordPress en kan je aan de slag. Wil je meer weten over de gebruikte technologieën – lees dan gerust de documentatie op GitHub.

Hoe?

De URL die je moet onthouden is playground.wordpress.net. Als je dit bezoekt laadt er direct een WordPress omgeving voor je in.

Wat kan je er mee doen?

• Je kan via translate.wordpress.org je favoriete plugin of thema Live vertalen. De Playground omgeving zet je plugin of thema klaar en je ziet direct waar alle teksten gebruikt worden. Met die ervaring kan je betere vertalingen voorstellen die ook passen in de context.

• Je kan zonder je site te vervuilen een plugin of thema uitproberen. In enkele seconden heb je een testomgeving. Geen enkele andere methode is sneller.
• Je kan de nightly beta versie van WordPress uitproberen.
• Je kan een plugin of thema op meerdere PHP-versies uitproberen. De “webassembly versie” van PHP in Playground is identiek aan PHP op een aparte webserver. Zo kan je op voorhand uittesten of het thema of de plugin compatibel is met de PHP-versie die op je eigen site draait.
• Je kan er een site in bouwen en daarna exporteren, al zou ik je dat niet aanraden. Een site bouwen doe je beter in een “normale” WordPress installatie.
• Via de URL kan je ook extra parameters toevoegen. Zo kan je ervoor zorgen dat een plugin en/of thema direct mee geïnstalleerd wordt, of je kan met de URL parameter ook direct ervoor zorgen dat je uitkomt waar je wilt. Een voorbeeld URL:
  https://playground.wordpress.net/?php=8.2&theme=skatepark&plugin=koko-analytics&url=/wp-admin/plugins.php. Deze URL zal PHP 8.2 inladen, het thema Skatepark installeren, de plugin Koko Analytics (een aanrader!) installeren en je doorsturen naar /wp-admin/plugins.php.
• Je kan een WordPress of Gutenberg pull request uitproberen. Dat is handig om snel nieuwe code of features te testen. Dat kan je hier doen voor WordPress en hier voor Gutenberg.
• Voor ontwikkelaars: WP NOW gebruikt ook Playground. Met WP NOW zet je een lokale ontwikkelomgeving op die vele malen sneller is dan een Docker alternatief.
• Plugin- en themabouwers kunnen zelf een Playground opzetten op hun site om bezoekers hun producten te laten uittesten. Dit is ook het geval voor plugins in de WordPress.org repository. Als je bijvoorbeeld kijkt naar een plugin van Jan-Willem (Default featured Image), dan heb je op de plugin pagina een “live preview” knop. Die link stuurt je ook naar een Playground omgeving.

• Er zijn nog andere demo’s met meer leuke ideeën – zoals Playground rechtstreeks in je code editor. Er is een extensie voor Visual Studio in hun marketplace.

Bekijk zeker ook nog eens de officiële pagina hierover op WordPress.org. Die vind je hier.

Veel speelplezier!