{"id":790,"date":"2024-06-30T20:19:07","date_gmt":"2024-06-30T20:19:07","guid":{"rendered":"https:\/\/www.yellowfalconmedia.com\/blog\/2024\/06\/30\/learn-how-to-use-wordpress-playground-wp-tavern-wp-tavern\/"},"modified":"2024-06-30T20:19:07","modified_gmt":"2024-06-30T20:19:07","slug":"learn-how-to-use-wordpress-playground-wp-tavern-wp-tavern","status":"publish","type":"post","link":"https:\/\/www.yellowfalconmedia.com\/blog\/2024\/06\/30\/learn-how-to-use-wordpress-playground-wp-tavern-wp-tavern\/","title":{"rendered":"Learn How to Use WordPress Playground \u2013 WP Tavern &#8211; WP Tavern"},"content":{"rendered":"<p>Sarah Gooding<br \/>WordPress Playground, an experimental project that uses WebAssembly (WASM) to\u00a0<a href=\"https:\/\/wptavern.com\/new-prototype-runs-wordpress-in-the-browser-with-no-php-server\">run WordPress in the browser<\/a>, was <a href=\"https:\/\/twitter.com\/dbchhbr\/status\/1679949344315936769\">number 1 on Hacker News<\/a> recently and was also <a href=\"https:\/\/techcrunch.com\/2023\/07\/18\/wordpress-playground-lets-you-run-wordpress-entirely-in-your-browser\/\">featured on TechCrunch<\/a>. Word is getting around about how easy it is to fire up a sandbox environment in just a few seconds for testing plugins and themes and even different versions of WordPress and PHP.<br \/>Visiting <a rel=\"noreferrer noopener\" href=\"https:\/\/playground.wordpress.net\/\" target=\"_blank\"><code>playground.wordpress.net<\/code><\/a> instantly creates a real WordPress instance with admin access and everything without having to install PHP, MySQL, or Apache. Instead, it runs inside the browser using a SQLite database.<br \/>The Playground isn&#8217;t just for developers. It also makes it easy for users who would not ordinarily maintain a local development environment to quickly test plugins or themes they find on WordPress.org, or to just explore new WordPress features in a safe place where you can&#8217;t break anything.<br \/>If you have found it difficult to wrap your head around WordPress Playground, Learn WordPress has published a timely new tutorial called <a href=\"https:\/\/learn.wordpress.org\/tutorial\/how-to-start-using-wordpress-playground\/\">How to start using WordPress Playground<\/a>. In this 10-minute video, WordPress Playground creator Adam Zieli\u0144ski\u00a0offers a quick demonstration of how to install plugins and themes and customize a site, and how to export design work from a customized theme. He also covers how to download the entire site and import it into a new WordPress instance, and guides users through basic compatibility testing of a theme, by switching the WordPress version on the playground site.<br \/>Developers who want try some more complicated things with this tool can check out the <a href=\"https:\/\/wordpress.github.io\/wordpress-playground\/docs\/apis-overview\">Playground API<\/a> and learn <a href=\"https:\/\/developer.wordpress.org\/playground\/\">how to integrate it with an app<\/a> in five minutes. It&#8217;s also useful for <a rel=\"noreferrer noopener\" href=\"https:\/\/wordpress.github.io\/wordpress-playground\/docs\/build-your-first-app#preview-pull-requests-from-your-repository\" target=\"_blank\">previewing pull requests from a repository<\/a> or setting up a local WordPress development environment using the\u00a0<a rel=\"noreferrer noopener\" href=\"https:\/\/marketplace.visualstudio.com\/items?itemName=WordPressPlayground.wordpress-playground\" target=\"_blank\">VisualStudio Code plugin<\/a>\u00a0or\u00a0<a rel=\"noreferrer noopener\" href=\"https:\/\/github.com\/WordPress\/playground-tools\/tree\/trunk\/packages\/wp-now\" target=\"_blank\">a CLI tool called\u00a0<code>wp-now<\/code><\/a>.<br \/>SHARE THIS:<br \/>LIKE THIS<br \/>When I visit playground.wordpress.net the project is built and I land on the front page of a WordPress site. From there, nothing works: clicking a front-end link does nothing, clicking the Dashboard link does nothing.<br \/>That\u2019s odd. Works here. What OS and browser are you using?<br \/>Latest Chrome, latest Windows. Same result in clean install of Chrome Canary.<br \/>Latest chrome on the latest windows and it works perfectly for me. Maybe it&#8217;s a chrome extension you&#8217;re using or something?<br \/>Thanks, Otto. No extensions installed, it\u2019s about as clean an install as is possible.<br \/>This seems really interesting but the ability to change language kinda restricts the usage for demo purposes in other countries \ud83d\ude00 Glad to see this being added though!<br \/>Enter your email address to subscribe to this blog and receive notifications of new posts by email.<br \/> \t\t\t\t\t\t\t<label \t\t\t\t\t\t\t\tid=\"subscribe-field-2-label\" \t\t\t\t\t\t\t\tfor=\"subscribe-field-2\" \t\t\t\t\t\t\t\tclass=\"screen-reader-text\" \t\t\t\t\t\t\t> \t\t\t\t\t\t\t\tEmail Address\t\t\t\t\t\t\t<\/label> \t\t\t\t\t\t\t<input \t\t\t\t\t\t\t\t\trequired=\"required\" \t\t\t\t\t\t\t\t\ttype=\"email\" \t\t\t\t\t\t\t\t\tname=\"email\" \t\t\t\t\t\t\t\t\tclass=\"no-border-radius has-20px-font-size has-#d8d8d8-border-color\" \t\t\t\t\t\t\t\t\tstyle=\"font-size: 20px;padding: 15px 23px 15px 23px;border-color: #d8d8d8;border-radius: 0px;border-width: 1px;border-color: #d8d8d8; border-style: solid;\" \t\t\t\t\t\t\t\t\tplaceholder=\"Email Address\" \t\t\t\t\t\t\t\t\tvalue=\"\" \t\t\t\t\t\t\t\t\tid=\"subscribe-field-2\" \t\t\t\t\t\t\t\t\ttitle=\"Please fill in this field.\" \t\t\t\t\t\t\t\t\/>\t\t\t\t\t\t<br \/> \t\t\t\t\t\t\t<input type=\"hidden\" name=\"action\" value=\"subscribe\"\/> \t\t\t\t\t\t\t<input type=\"hidden\" name=\"blog_id\" value=\"9006382\"\/> \t\t\t\t\t\t\t<input type=\"hidden\" name=\"source\" value=\"https:\/\/wptavern.com\/learn-how-to-use-wordpress-playground\"\/> \t\t\t\t\t\t\t<input type=\"hidden\" name=\"sub-type\" value=\"subscribe-block\"\/> \t\t\t\t\t\t\t<input type=\"hidden\" name=\"app_source\" value=\"\"\/> \t\t\t\t\t\t\t<input type=\"hidden\" name=\"redirect_fragment\" value=\"subscribe-blog-2\"\/> \t\t\t\t\t\t\t<input type=\"hidden\" name=\"lang\" value=\"en_US\"\/> \t\t\t\t\t\t\t<input type=\"hidden\" id=\"_wpnonce\" name=\"_wpnonce\" value=\"4b4e37cb37\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/learn-how-to-use-wordpress-playground\" \/><input type=\"hidden\" name=\"post_id\" value=\"147137\"\/>\t\t\t\t\t\t\t<button type=\"submit\" \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclass=\"wp-block-button__link no-border-radius has-20px-font-size has-#d8d8d8-border-color\" \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tstyle=\"width: 100%;font-size: 20px;padding: 15px 23px 15px 23px;margin: 0; margin-left: 0px;border-color: #d8d8d8;border-radius: 0px;border-width: 1px;border-color: #d8d8d8; border-style: solid;\" \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tname=\"jetpack_subscriptions_widget\" \t\t\t\t\t\t\t> \t\t\t\t\t\t\t\tSubmit\t\t\t\t\t\t\t<\/button> \t\t\t\t\t\t<br \/>WordPress Tavern is a website about all things WordPress. We cover news and events, write plugin and theme reviews, and talk about key issues within the WordPress ecosystem\u2026<br \/>\u00a9 All Rights Reserved. Powered by <a href=\"https:\/\/wordpress.org\">WordPress<\/a>, hosted by <a href=\"http:\/\/pressable.com\/?utm_source=Automattic&amp;utm_medium=rpc&amp;utm_campaign=Concierge%20Referral&amp;utm_term=concierge\">Pressable<\/a> <br \/>Subscribe now to keep reading and get access to the full archive.<br \/> \t\t\t\t\t\t\t<label \t\t\t\t\t\t\t\tid=\"subscribe-field-3-label\" \t\t\t\t\t\t\t\tfor=\"subscribe-field-3\" \t\t\t\t\t\t\t\tclass=\"screen-reader-text\" \t\t\t\t\t\t\t> \t\t\t\t\t\t\t\tType your email\u2026\t\t\t\t\t\t\t<\/label> \t\t\t\t\t\t\t<input \t\t\t\t\t\t\t\t\trequired=\"required\" \t\t\t\t\t\t\t\t\ttype=\"email\" \t\t\t\t\t\t\t\t\tname=\"email\" \t\t\t\t\t\t\t\t\t \t\t\t\t\t\t\t\t\tstyle=\"font-size: 16px;padding: 15px 23px 15px 23px;border-radius: 50px;border-width: 1px;\" \t\t\t\t\t\t\t\t\tplaceholder=\"Type your email\u2026\" \t\t\t\t\t\t\t\t\tvalue=\"\" \t\t\t\t\t\t\t\t\tid=\"subscribe-field-3\" \t\t\t\t\t\t\t\t\ttitle=\"Please fill in this field.\" \t\t\t\t\t\t\t\t\/>\t\t\t\t\t\t<br \/> \t\t\t\t\t\t\t<input type=\"hidden\" name=\"action\" value=\"subscribe\"\/> \t\t\t\t\t\t\t<input type=\"hidden\" name=\"blog_id\" value=\"9006382\"\/> \t\t\t\t\t\t\t<input type=\"hidden\" name=\"source\" value=\"https:\/\/wptavern.com\/learn-how-to-use-wordpress-playground\"\/> \t\t\t\t\t\t\t<input type=\"hidden\" name=\"sub-type\" value=\"subscribe-block\"\/> \t\t\t\t\t\t\t<input type=\"hidden\" name=\"app_source\" value=\"\"\/> \t\t\t\t\t\t\t<input type=\"hidden\" name=\"redirect_fragment\" value=\"subscribe-blog-3\"\/> \t\t\t\t\t\t\t<input type=\"hidden\" name=\"lang\" value=\"en_US\"\/> \t\t\t\t\t\t\t<input type=\"hidden\" id=\"_wpnonce\" name=\"_wpnonce\" value=\"4b4e37cb37\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/learn-how-to-use-wordpress-playground\" \/><input type=\"hidden\" name=\"post_id\" value=\"147137\"\/>\t\t\t\t\t\t\t<button type=\"submit\" \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclass=\"wp-block-button__link\" \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tstyle=\"font-size: 16px;padding: 15px 23px 15px 23px;margin: 0; margin-left: 10px;border-radius: 50px;border-width: 1px;\" \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tname=\"jetpack_subscriptions_widget\" \t\t\t\t\t\t\t> \t\t\t\t\t\t\t\tSubscribe\t\t\t\t\t\t\t<\/button> \t\t\t\t\t\t<br \/><a href=\"#\">Continue reading<\/a><\/p>\n<p><a href=\"https:\/\/news.google.com\/rss\/articles\/CBMiOmh0dHBzOi8vd3B0YXZlcm4uY29tL2xlYXJuLWhvdy10by11c2Utd29yZHByZXNzLXBsYXlncm91bmTSAQA?oc=5\">source<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Sarah GoodingWordPress Playground, an experimental project that uses WebAssembly (WASM) to\u00a0run WordPress in the browser, was number 1 on Hacker News recently and was also featured on TechCrunch. Word is getting around about how easy it is to fire up a sandbox environment in just a few seconds for testing&hellip;<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_uf_show_specific_survey":0,"_uf_disable_surveys":false,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-790","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.yellowfalconmedia.com\/blog\/wp-json\/wp\/v2\/posts\/790","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.yellowfalconmedia.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.yellowfalconmedia.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.yellowfalconmedia.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.yellowfalconmedia.com\/blog\/wp-json\/wp\/v2\/comments?post=790"}],"version-history":[{"count":0,"href":"https:\/\/www.yellowfalconmedia.com\/blog\/wp-json\/wp\/v2\/posts\/790\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.yellowfalconmedia.com\/blog\/wp-json\/wp\/v2\/media?parent=790"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.yellowfalconmedia.com\/blog\/wp-json\/wp\/v2\/categories?post=790"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.yellowfalconmedia.com\/blog\/wp-json\/wp\/v2\/tags?post=790"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}