 Hi, I'm Adam and I'm going to show you how to use WordPress Playground. When you go to playground.wordpress.net you are going to get an entire WordPress site running entirely in your browser. Use it to your advantage to try plugins, themes, build your own themes and entire sites. Let's start by installing a couple of plugins. I'm going to go to WordPress plugin directory and download the Gutenberg plugin, the create block theme plugin and the skatepark theme. So once I have these files, let's go to plugins, add new and start installing the plugins. So first thing you may notice is an error message that indicates we cannot contact the WordPress plugin directory. This is because Playground doesn't have any access to the internet. This is helpful for your privacy but means we don't get a list of plugins. Well, let's upload them. So I'm going to find the Gutenberg plugin, the Gutenberg zip file on my hard drive and drag and drop it in here. So then I can install it and activate it and I'm going to do the same thing with the create block theme plugin. So again, I'm just going to drop a zip file and install it and activate it. And now it's time to install this skatepark theme. It's the same story as with plugins. I'm going to drag and drop it over here. So now we can activate our theme and voila! We just started a new site, installed a few plugins, activated a theme and it took us maybe about a minute. Not bad! As you can see, the Gutenberg editor is here. The correct theme is applied. It all works. It was a bit cumbersome though, so let's see how we can automate the plugin installation process. I'm going to refresh this entire site and start fresh. So this is a new Playground with no changes applied. So in the address bar, I'm going to type theme equals skatepark and then I'll say plugin equals Gutenberg ampersand plugin equals create-block-theme. And what this is going to do is it's going to download and install all these plugins and themes for me. So now we have the exact same setup as before except we didn't have to do almost any work. It only took a couple of seconds and now we have a site with the plugins and theme we want. What else we can do with WordPress Playground? Well, since we have create-block-theme, we can build an entire theme in WordPress Playground. So to do that, let's go to appearance editor to open the site editor. And now inside of the site editor, we're going to start customizing. So I'll change the background color of the theme and maybe some line heights and maybe some fonts and let's speed up this process a little bit. At this point, you're absolutely free to customize the theme to your heart's content. So now we're finished and this is our custom theme. We can export it by going to options, create-block-theme and once you scroll down a little bit, there's an export button. So I'm going to click it and this downloads a zip file with my customized theme that I can install on any WordPress site. So let's start a new playground and go to admin, appearance, themes and install our new custom theme. I'm going to upload it using this specific file that I just exported. And once I install and activate it, well, my new playground has the exact same theme as I just built and I can take this theme to any WordPress site in the world and install it there. Just like that. And so you too can go to playground.wordpress.net and build your very own WordPress theme. Let's not stop there. Let's build an entire site. This is WordPress playground documentation. Let's recreate it using our new custom theme. Copying things is always a good starting point. So I'm going to copy this entire section over here and paste it into a pattern. So let's find a pattern that will help us the most. This one has columns, so it seems like a great peak. So I'm just going to paste that content over here, add a YouTube video in the right column and customize the top section of the website and the footer, correct some styles and remove the social links and the couple of more tweaks here and there. And voila! Here's our brand new site. That mimics WordPress Playground Docs. Now this site only lives in my browser, so let's save it to my disk. On the WordPress Playground website, I'm going to click this little download icon which is going to download a zip file with my entire WordPress site inside. I'm going to extract it and take a peek inside. This WordPress directory has all WordPress core files and if I start diving inside, I'm even going to find the SQLite database file where all my pages, posts and WordPress configuration leaves. That zip file contains an entire WordPress website, so I can just take it and host it somewhere but I can also import it in another WordPress Playground instance and to do that, I'm going to use this little upload icon over here and I'm going to select WordPress Playground.zip, click import and voila! My WordPress site is now in here. I no longer have to send screenshots or videos to my friends and customers I can send them an actual WordPress website and allow them to play with it interactively in their browser. Let's take a look at another aspect of WordPress Playground which is compatibility testing of our site's plugins themes. Playground allows you to switch between different PHP and WordPress versions. Let's select 6.0 and install the theme that we created earlier in this tutorial and then on the site we can see that it actually works, which is great. However, let's not stop there and let's also test on WordPress 5.9. So I just selected a different version and we now have a WordPress 5.9 site. So let's try installing that very same theme again. Select the correct zip and here's an error. The theme requires WordPress 6.0 or higher and all we had to do to find out was go to playground.wordpress.net and click some buttons. We didn't have to create 20 different WordPress websites. It only took a couple of clicks and a couple of minutes. I hope you enjoyed the WordPress Playground as much as I do and I can't wait to see what you're going to build with it.