WordPress Playground – 如何在浏览器中使用WordPress

08/26/2023

什么是WordPress Playground以及它如何工作?

WordPress Playground是一个临时的、基于浏览器的WordPress实例,可用于进行各种实验和学习内容管理系统。它就像一个在线沙盒,你可以在其中进行所有类型的WordPress开发,而不会影响你的真实网站。

你只需访问WordPress Playground网站以开启它。然后,你可以像平常一样使用WordPress:安装新插件、试用新主题、添加新页面等。如果刷新WordPress Playground页面,所有自定义内容将消失。不过,你也可以下载你的WordPress实例并重新上传到WordPress Playground。

WordPress Playground的运行原理

WordPress Playground利用一些很酷的技术,使你无需通常的Web服务器和数据库设置即可使用WordPress:

  • WebAssembly二进制(Wasm):它使你可以直接在浏览器中运行PHP代码,使WordPress无需传统服务器即可运行。
  • SQLite数据库:WordPress Playground使用一种基于文件的轻量级数据库系统SQLite在浏览器中运行。
  • 服务工作者和工作线程API:这些Web工具有助于处理请求并运行后台JavaScript脚本,使得WordPress Playground可以流畅地在浏览器中运行PHP应用程序。

WordPress Playground的限制

尽管有很多优点,但WordPress Playground也存在一些限制:

  • 无法直接访问主题和插件目录:你需要手动下载并上传主题和插件来进行安装。不过,网络访问Beta功能旨在解决这个问题。
  • 自定义内容是临时的:如果你决定不保存更改,那么刷新页面时需要小心以免丢失进度。
  • iFrame问题:嵌入WordPress Playground实例在网页时可能会遇到一些问题,例如意外刷新或iFrame不工作等。
  • 相对较新的功能:并非所有功能都能正常工作,因此当你探索环境时可能会遇到一些小问题。

话虽如此,Playground是一个相对较新的WordPress项目。因此,你可以期待团队发布新功能和错误修复以改进用户体验。

如何使用WordPress Playground

要使用WordPress Playground,只需在浏览器中访问此域名:https://playground.wordpress.net。一到达网站后,稍等片刻让Playground设置完成。然后,你将看到使用默认WordPress主题的网站前端。

如何在WordPress Playground中安装主题和插件

要在WordPress Playground中安装插件或主题,有两种方法。第一种是进入WordPress.org上的插件或主题页面并点击“下载”按钮。然后,你可以像平常一样手动安装插件和主题。

另一种方法是使用WordPress Playground的查询API。你需要在WordPress Playground URL中添加一些查询参数。例如,想要安装和测试AIOSEO的免费版本,你可以访问AIOSEO的WordPress.org页面并记下其URL Slug。然后,在新浏览器标签页中输入WordPress Playground的URL和AIOSEO的Slug,如下所示:https://playground.wordpress.net/?plugin=all-in-one-seo-pack。当你按下‘Enter’键时,WordPress Playground将自动创建一个新的环境并安装AIOSEO插件。

如何导出/导入使用WordPress Playground创建的网站

如果你已经在WordPress Playground中进行了很多操作,比如使用Gutenberg编辑器添加新帖子,甚至创建了一个完整的网站,你一定不想关闭标签页并永远丢失所有进度。幸运的是,你可以将你的站点从WordPress Playground导出并保存到你的电脑,然后随时重新上传。

要导出站点,导航到Playground的顶部菜单,点击右上角的三条线菜单,然后点击“下载.zip”。要上传文件,打开Playground网站后再次点击三条线菜单,然后点击“从.zip还原”。

如何将WordPress Playground嵌入到你的网站

如果你在编写WordPress教程,可能会包含WordPress仪表盘的截图来指导用户。然而,截图有时并不能准确说明你的操作。这时,WordPress Playground就派上用场了。你可以将其嵌入你的页面或文章,使用户能够更具互动性地阅读并跟随你的操作指导。

首先,你需要打开Gutenberg块编辑器,点击“+”添加块按钮并选择自定义HTML块。然后复制以下代码并粘贴到HTML块中:

<iframe src="https://playground.wordpress.net/"></iframe>

如果需要,你还可以在URL中添加一些查询参数。完成后,点击‘发布’或‘更新’以使更改生效。

关于WordPress Playground的常见问题

可以在浏览器中使用WordPress吗?是的,WordPress Playground允许你直接在浏览器中使用WordPress。你可以在安装主题和插件之前先进行测试。

可以在WordPress Playground中安装自定义主题和插件吗?是的,你可以在WordPress Playground中安装自定义主题和插件,看看它们是否在后台工作,是否与某些WordPress版本兼容。

可以将使用WordPress Playground创建的网站上传到我的托管账户吗?技术上可以,你可以从WordPress Playground导出站点并导入到你的WordPress托管账户。不过,由于WordPress Playground使用的是SQLite数据库,你可能需要将数据库转换为MySQL以使网站在Web服务器上运行。

如何在本地运行WordPress插件和主题?如果你想在本地开发环境中运行WordPress插件和主题,首先需要创建一个本地的WordPress站点。



Related Posts

  • 2024-08-04
  • WordPress 教学

不喜欢 WordPress 4.3 引入的格式化快捷键?觉得有点烦人?最近,有用户问我们如何在 WordPress 中禁用视觉编辑器格式化快捷键。在本文中,我们将向您展示如何做到这一点。

閱讀更多
  • 2024-07-31
  • WordPress 教学

你在 WordPress 网站上看到 503 服务不可用错误吗?503 错误是因为服务器无法处理请求,通常是由于服务器过载或维护。而这个错误不会告诉你具体原因,这对于初学者来说非常令人沮丧。本文将向你展示如何修复 WordPress 中的 503 服务不可用错误。

閱讀更多
  • 2024-07-30
  • WordPress 教学

管理一个企业需要大量的工作。如果您无法正确维护您的 WordPress 网站,可能会迅速看到流量和销售额下降的现象。幸运的是,您可以聘请虚拟助手 (VA) 来帮助管理您的网站。本文将教您如何聘请 WordPress 虚拟助手,以便您可以专注于业务中最重要的活动。

閱讀更多

{"email":"Email address invalid","url":"Website address invalid","required":"Required field missing"}
>