https://github.com/ironnysh/playground-demo-handover

Show how to use WordPress Playground for interactive project handovers.
https://github.com/ironnysh/playground-demo-handover

wordpress wordpress-playground

Last synced: 20 days ago
JSON representation

Show how to use WordPress Playground for interactive project handovers.

• Host: GitHub
• URL: https://github.com/ironnysh/playground-demo-handover
• Owner: ironnysh
• Created: 2024-03-15T16:45:31.000Z (11 months ago)
• Default Branch: main
• Last Pushed: 2024-04-22T13:00:36.000Z (10 months ago)
• Last Synced: 2024-04-22T14:26:11.103Z (10 months ago)
• Topics: wordpress, wordpress-playground
• Language: PHP
• Homepage: https://playground-demo-handover.vercel.app/
• Size: 9.49 MB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# WordPress Assets

## Description

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](https://developer.wordpress.org/news/2024/04/25/how-to-use-wordpress-playground-for-interactive-demos/).

### Themes

The [`themes`](themes) directory includes a customized copy of [Blue Note](https://wordpress.org/themes/blue-note/), a community theme developed by WordPress contributors.

### Plugins

The [`plugins`](plugins) directory includes a custom plugin used in the website:

**Meta Block Sidebar** (see [`meta-block-sidebar`](plugins/meta-block-sidebar/readme.txt)): 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](https://wordpress.org/plugins/create-block-theme/).

## Playground

I use [WordPress Playground](https://wordpress.github.io/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](https://playground-demo-handover.vercel.app/).

OR

- Click [here to launch Playground](https://playground.wordpress.net/).

**Note:** The files that power the demo [are here](playground). You can change the behavior by editing the `blueprint` section in [`index.html`](playground/index.html#L46-L90).