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

  • 2025-02-16
  • WordPress 教学

你是否想过,能不能用更引人注目的方式取代WooCommerce中基本的促销徽章?答案是肯定的!通过自定义产品徽章,你可以在在线商店中突出新产品、折扣商品或限时优惠。在这篇文章中,我们将展示给你两个简单的方法,使用强大的插件或添加简单代码来为你的WooCommerce商店添加自定义产品徽章。

閱讀更多
  • 2025-01-18
  • WordPress 教学

我们都知道推荐计划是强大的武器。但要找到真正的品牌代言者并不容易。许多计划吸引的只是想快速赚钱的人,导致非真实的推广,无法有效转化客户。幸好,作为 WooCommerce 商店的店主,您有一个巨大的优势:一群真正喜爱和使用您产品的内置客户群。通过将这些现有客户转化为推广合伙人,您可以释放真实口碑营销的力量。

閱讀更多
  • 2025-01-10
  • WordPress 教学

最近,我们的一位比利时读者在其在线商店中苦于销售增长缓慢。除了其他建议外,我们建议他们在网站上设置Bancontact支付。Bancontact是一种主要在比利时使用的流行支付系统,客户可以通过银行账户进行安全的实时支付。

閱讀更多

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