简介
大家好，我是 Adam，我将向大家展示如何使用 WordPress Playground。当你访问 playground.wordpress.net 时，你会得到一个完全在浏览器中运行的完整 WordPress 网站。利用它来尝试插件、主题，构建你自己的主题和完整网站。
安装插件
我们先安装几个插件。我将前往 WordPress 插件目录，下载 Gutenberg 插件、Create block theme 插件和 Skatepark 主题。拿到这些文件后，我们进入“插件”->“安装插件”，开始安装。你可能首先会注意到一条错误消息，提示无法联系 WordPress 插件目录，这是因为 Playground 无法访问互联网。这有助于保护你的隐私，但意味着我们无法获取插件列表。
好吧，我们上传它们。我找到硬盘上的 Gutenberg 插件 zip 文件，直接拖放到这里。然后安装并激活它。用同样的方法处理 Create block theme 插件，再次拖放 zip 文件并安装激活。现在安装 Skatepark 主题，和插件一样，我把它拖放到这里。然后激活主题。瞧，我们刚刚建立了一个新站点，安装了几个插件，激活了一个主题，整个过程大约只花了一分钟，还不错。
自动安装插件和主题
如你所见，Gutenberg 编辑器已经就位，正确的主题也已应用，一切正常。不过，刚才的过程有点繁琐。让我们看看如何自动化插件安装流程。我将刷新整个站点，重新开始。这是一个没有应用任何更改的新 Playground。在地址栏中，我输入 theme=skatepark，然后输入 plugin=gutenberg&plugin=create-block-theme。这样它会自动下载并安装所有这些插件和主题。现在我们得到了和之前完全相同的配置，但几乎不需要手动操作，只花了几秒钟，我们就拥有了想要的插件和主题的站点。
构建主题
我们还能用 WordPress Playground 做什么？既然安装了 Create block theme，我们可以在 WordPress Playground 中构建一个完整的主题。为此，进入“外观”->“编辑器”打开站点编辑器。在站点编辑器中，我们开始自定义。我会更改主题的背景颜色，调整一些行高和字体，让我们加快一点速度。在这里，你可以完全自由地按自己的喜好自定义主题。现在完成了，这就是我们的自定义主题。我们可以通过“选项”->“Create block theme”导出它，向下滚动一点，会看到一个“导出”按钮。点击它，就会下载一个包含自定义主题的 zip 文件，可以安装到任何 WordPress 站点上。
让我们启动一个新的 Playground，进入“管理”->“外观”->“主题”，安装我们新的自定义主题。我使用刚刚导出的那个文件上传它。安装并激活后，新的 Playground 就拥有了和我刚刚构建的一模一样的主题。我可以把这个主题带到世界上任何 WordPress 站点并安装它，就这么简单。你也可以访问 playground.wordpress.net，构建你自己的 WordPress 主题。
构建站点
我们不要止步于此，来构建一个完整的站点。这是 WordPress Playground 文档。让我们用新的自定义主题重新创建它。复制内容总是一个好的起点，所以我将复制整个部分，粘贴到一个模板中。找一个最有用的模板，这个有列，看起来很不错。我把内容粘贴到这里，在右侧列添加一个 YouTube 视频，自定义网站的顶部区域和页脚。调整一些样式，移除社交链接，再做一些小修改。瞧，这就是我们模仿 WordPress Playground 文档的全新站点。
导出站点
现在，这个站点只存在于我的浏览器中。让我们把它保存到磁盘上。在 WordPress Playground 网站上，点击这个小下载图标，它会下载一个包含整个 WordPress 站点的 zip 文件。我解压它，看看里面有什么。这个 WordPress 目录包含所有 WordPress 核心文件。深入查看，我甚至能找到 SQLite 数据库文件，里面存储了所有页面、文章和 WordPress 配置。这个 zip 文件包含了一个完整的 WordPress 网站。我可以直接把它托管到某个地方，也可以导入到另一个 WordPress Playground 实例中。为此，我使用这里的小上传图标，选择 wordpress-playground.zip，点击“导入”。瞧，我的 WordPress 站点现在在这里了。我不再需要给朋友和客户发送截图或视频，我可以直接发送一个真实的 WordPress 网站，让他们在浏览器中交互式地操作。
兼容性测试
让我们来看看 WordPress Playground 的另一个功能，即对我们网站的插件和主题进行兼容性测试。Playground 允许你在不同的 PHP 和 WordPress 版本之间切换。我们选择 6.0 版本，然后安装本教程前面创建的主题，在网站上可以看到它确实能正常工作，这很棒。
不过，我们不要止步于此。我们也在 WordPress 5.9 上测试一下。所以我只是选择了另一个版本。现在我们有了一个 WordPress 5.9 的网站。让我们再次尝试安装同一个主题。选择正确的压缩包。这里出现了一个错误：该主题需要 WordPress 6.0 或更高版本。要发现这一点，我们只需访问 playground@wordpress.net 并点击几个按钮即可。我们不需要创建 20 个不同的 WordPress 网站，只需要点击几下，花几分钟时间。
希望你能像我一样喜欢 WordPress Playground，我迫不及待地想看看你会用它构建什么。