{"id":19943758,"url":"https://github.com/wptrainingteam/playground-demo-handover","last_synced_at":"2026-01-18T02:02:18.551Z","repository":{"id":234213156,"uuid":"788444581","full_name":"wptrainingteam/playground-demo-handover","owner":"wptrainingteam","description":"Demonstrate how to use a standalone instance of WordPress Playground for interactive demos, guides, and project handovers.","archived":false,"fork":false,"pushed_at":"2025-11-28T09:15:58.000Z","size":3934,"stargazers_count":4,"open_issues_count":0,"forks_count":3,"subscribers_count":8,"default_branch":"main","last_synced_at":"2025-11-30T17:54:43.197Z","etag":null,"topics":["playground","tutorial","wordpress"],"latest_commit_sha":null,"homepage":"","language":"PHP","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"gpl-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/wptrainingteam.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-04-18T12:34:46.000Z","updated_at":"2025-11-28T09:15:55.000Z","dependencies_parsed_at":"2024-04-18T14:28:44.124Z","dependency_job_id":"f48e26b9-6a54-402f-9fef-fa9f2efea1a6","html_url":"https://github.com/wptrainingteam/playground-demo-handover","commit_stats":null,"previous_names":["wptrainingteam/playground-demo-handover"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/wptrainingteam/playground-demo-handover","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wptrainingteam%2Fplayground-demo-handover","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wptrainingteam%2Fplayground-demo-handover/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wptrainingteam%2Fplayground-demo-handover/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wptrainingteam%2Fplayground-demo-handover/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/wptrainingteam","download_url":"https://codeload.github.com/wptrainingteam/playground-demo-handover/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wptrainingteam%2Fplayground-demo-handover/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28526560,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-01-18T00:39:45.795Z","status":"online","status_checked_at":"2026-01-18T02:00:07.578Z","response_time":98,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["playground","tutorial","wordpress"],"created_at":"2024-11-13T00:17:56.286Z","updated_at":"2026-01-18T02:02:18.531Z","avatar_url":"https://github.com/wptrainingteam.png","language":"PHP","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Use WordPress Playground for interactive demos\n\nThe code in this repository demonstrates how to use [WordPress Playground](https://playground.wordpress.net/) for interactive project handovers.\n\nIn this demo, we create a post that explains to the user how to update the data of a custom plugin.\n\nRead Ronny Shani's 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/).\n\n## Themes\n\nThe [themes directory](/themes/) includes a customized copy of [Blue Note](https://wordpress.org/themes/blue-note/), a community theme developed by WordPress contributors.\n\n## Plugins\n\nThe [plugins directory](/plugins/) includes a custom plugin used in the website:\n**Meta Block Sidebar** (see [meta-block-sidebar](/plugins/meta-block-sidebar/readme.md)): 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](/themes/blue-note/templates/single.html), which displays it on every post*.\n\nThe demo also installs the community plugin [Create Block Theme](https://wordpress.org/plugins/create-block-theme/).\n\n## Playground\n\nWe 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**: [open the live demo we prepared](https://playground.wordpress.net/?blueprint-url=https://raw.githubusercontent.com/wptrainingteam/playground-demo-handover/main/playground/blueprint.json).\n\n\u003e [!TIP]\n\u003e The files that power the demo are in the [`playground` directory](/playground/). You can change the behavior by editing the Blueprint section [in `index.html`](/playground/index.html).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwptrainingteam%2Fplayground-demo-handover","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwptrainingteam%2Fplayground-demo-handover","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwptrainingteam%2Fplayground-demo-handover/lists"}