Demonstrate how to use WordPress Playground for interactive project handovers.

In this demo, I create a post that explains to the user how to update the data of a custom plugin.

Read the 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-based plugin that adds two custom meta fields (team and joined) specifying the person's team name and the date (Month, Year) they joined the company, and displays them in the frontend. See the Description for more information.

The website also includes the community plugin Create Block Theme.

I use WordPress Playground to run an in-browser instance of WordPress with the adapted Blue Note theme and the plugin already installed and activated:

• Click here to open the live demo we prepared.

OR

• Click here to see the official Playground demo.

Note: The files that power the demo are here. You can change the behavior by editing the blueprint section in index.html.