The code in this repository demonstrates how to use WordPress Playground for interactive project handovers.
In this demo, we create a post that explains to the user how to update the data of a custom plugin.
Read Ronny Shani's step-by-step tutorial on the WordPress Developer Blog: How to use WordPress Playground for interactive demos.
The themes directory includes a customized copy of Blue Note, a community theme developed by WordPress contributors.
The plugins directory includes a custom plugin used in the website:
Meta Block Sidebar (see meta-block-sidebar): a custom block that adds two custom meta fields (team and joined) specifying the person's team name and the date (Month, Year) they joined the company. In this example, we include the block in the single.html template file, which displays it on every post*.
The demo also installs the community plugin Create Block Theme.
We use WordPress Playground to run an in-browser instance of WordPress with the adapted Blue Note theme and the plugin already installed and activated: open the live demo we prepared.
Tip
The files that power the demo are in the playground directory. You can change the behavior by editing the Blueprint section in index.html.