網路議題

WordPress Playground 讓你完全在瀏覽器上執行 WordPress

WordPress Playground:在瀏覽器中執行 WordPress 介紹如果你不關注 WordPress 生態系的最新訊息,可能對一個名為 WordPress Playground 的很酷的專案毫不知情。我自己也是如此,在幾天前,這個專案的網頁在 Hacker News 上被提交之前,我從未 .... (往下繼續閱讀)

分享到 Facebook 分享到 Line 分享到 Twitter

文章目錄

WordPress Playground 讓你完全在瀏覽器上執行 WordPress

WordPress Playground:在瀏覽器中執行 WordPress

介紹

如果你不關注 WordPress 生態系的最新訊息,可能對一個名為 WordPress Playground 的很酷的專案毫不知情。我自己也是如此,在幾天前,這個專案的網頁在 Hacker News 上被提交之前,我從未聽說過 WordPress Playground。但是 WordPress Playground 非常棒,值得在這裡做一個快速解釋。

這個想法非常簡單。Playground 允許您直接從網路瀏覽器執行 WordPress 實例,無需在伺服器上進行繁瑣的設定,不需要安裝 PHP、MySQL 或 Apache。您可以在 playground.wordpress.net 上試用它。幾秒鐘之內,您就可以獲得一個全新的 WordPress 網站,擁有完整的管理面板和建立文章和頁面的能力。現在您可能有兩個問題:這是如何實現的?這有什麼用處?

<em>WordPress</em> Playground

圖片來源:Romain Dillet / TechCrunch

技術細節

由 Adam Zielinski 和其他 Automattic 公司和 WordPress 社區的貢獻者所建立的基於 WebAssembly 的 WordPress 執行時使您可以透過載入頁面啟動 WordPress 伺服器。常規的 MySQL 資料庫已被基於檔案的 SQLite 資料庫所替代。還有一個服務工作器充當 Web 伺服器,將瀏覽器請求轉換為 WordPress 響應。在我的膝上型電腦上,WordPress 的載入時間不到十秒。您可以隨意搞砸,因為重新整理頁面後更改會消失。也可以選擇將資料儲存在瀏覽器或本地計算機目錄中。這就是 WordPress Playground 背後的主要思想。它是一個安全隔離的環境,您可以在其中嘗試新事物,展示您一直在進行的工作,並測試您的程式碼與不同版本的 WordPress 和 PHP 進行互動。例如,您可以使用 WordPress Playground 來嘗試外掛、主題或區塊,看它們是否符合您的需求。您不需要在實際的 WordPress 網站上安裝它,這比建立分段網站更容易。

用途和用例

WordPress Playground 中安裝外掛有兩種方式。您可以下載外掛的 ZIP 檔案,然後將其上傳到 Playground 中。或者,您只需更改 URL 為類似 playground.wordpress.net/?plugin=MYCOOLNEWPLUGIN 的位址,即可自動啟動安裝該外掛的 WordPress 網站。WordPress Playground 可以處理許多配置選項,如 URL 中的查詢引數,例如 PHP 版本、WordPress 版本、在載入頁面時應該載入的 WordPress URL 等。對於希望在新安裝的 WordPress 上測試其外掛的外掛開發人員來說這些引數可能特別有用。主題開發人員也可以使用 Playground 在<iframe>標籤中嵌入其主題的實時展示。

WordPress 作為應用平臺

當我幾年前存取 Automattic 公司的 CEO Matt Mullenweg 時,他告訴我他想用 WordPress 建立網路的作業系統。而事實上 WordPress 非常靈活。它可以用於展示餐廳選單,也可以作為高流量的媒體網站的基礎(TechCrunch 就是一個 WordPress 網站)。一些人還將 WordPress 用作頭部分開的內容管理系統,WordPress 負責內容、使用者和媒體檔案,但前端與 WordPress 完全獨立,使用 API 與您的內容進行互動。由於 WordPress Playground 本質上是一個獨立的 WordPress,您也可以在本地裝置上執行 WordPress 實例。例如,有一個 VS Code 外掛,可用於在本地偵錯主題和外掛。您也可以使用 CLI 工具啟動本地 WordPress 環境。更令人興奮和驚人的是,Ella van Durpe 將 WordPress Playground 作為 iOS 和 macOS 的一個新筆記應用程式的基礎。Blocknotes 是 WordPress 的簡化版本,讓您像在 WordPress 中建立文章一樣建立筆記。Ella van Durpe 在 Twitter 上分享了一些截圖。

Blocknotes App 截圖

圖片來源:Ella van Durpe

如您所見,您的筆記以 HTML 檔案的形式儲存在 iCloud 驅動器中,並在 Apple 裝置之間同步。Blocknotes 當前在 TestFlight 上可用,並且功能已經非常好。這個專案讓我想起了 TiddlyWiki,一個以單個 HTML 檔案形式的 Wiki 風格筆記本。現在我迫不及待地想看到 WordPress Playground 的其他潛在用途。看到網路技術以新的方式使用是令人敬畏的,而 Playground 正是其中一個完美的例子。

關鍵詞:瀏覽器-wordpressplayground網頁設計網站開發

Browser-wordpressplayground,瀏覽器執行,wordpress,網站開發,網頁設計
程宇肖

程宇肖

Reporter

大家好!我是程宇肖,我對於科技的發展和應用有著濃厚的興趣,並致力於將最新的科技趨勢和創新帶給大家。科技領域的變化速度驚人,每天都有令人興奮的新發現和突破。作為一名部落格作者,我將帶領大家深入探索科技的奧秘和應用的無限可能。