WordPress 發布了創新工具,幫助用戶實現目標並成為更熟練的用戶。 最新的工具之一稱為 Playground,該工具旨在使 WordPress 網站立即可用於測試、學習和建立。
WordPress Playground 的背景
Playground 是一個在瀏覽器中運作的工具。
Playground 的官方 WordPress 文件建議了這些用途:
- 嘗試部落格、主題或插件
- 建立整個網站,保存它,託管它
- 使用許多特定版本的 WordPress 和 PHP 測試您的插件
- 將真實的互動式 WordPress 網站納入您的教學課程或課程
- 在您的網站上顯示外掛程式或主題
- 使用 WordPress 建立本機應用程式並將其提交到 App Store
- 預覽儲存庫中的拉取請求
WordPress 外掛 Playground By WordPress Contributors 也可用,允許用戶將其網站複製到瀏覽器中的 Playground 私人版本。
WordPress 外掛程式可讓使用者在 Playground 實例中建立網站的精確副本,使用者可以從中執行諸如測試外掛程式或主題之類的操作。 對 Playground 實例所做的任何變更都不會影響實際網站。 複製的網站不會上傳到任何雲端服務,所有資料都保持私有,駐留在使用者的網路瀏覽器中,直到瀏覽器標籤關閉為止。
專訪:Adam Zieliński,Automattic 的 WordPress Playground 架構師
我採訪了 Automattic WordPress Playground 的架構師 Adam Zieliński,以了解有關 Playground 是什麼以及它如何對 WordPress 開發人員和普通用戶有用的更多資訊。
我想知道的第一件事是 Playground 是什麼,為什麼每個人都應該使用它,人們應該對它有什麼期望?
亞當齊林斯基:
「Playground 是一鍵式 WordPress。沒有繁瑣的設定步驟、網站寄存帳戶或技術講座。
Playground 不是 Playground.wordpress.net 網站。 正是創新技術使該網站成為可能,並為新一代一鍵式互動式 WordPress 工具提供了動力。 有互動式教學、QA(品質保證)工作流程、插件的「先試後買」預覽器、協作工具、貢獻工作流程等等。
下面是兩個例子:
Playground.wordpress.net 網站可作為品質控制工具:您可以測試下一個 WordPress 版本,使用其他五個外掛程式測試您的外掛程式或主題,並查看它在不同版本的 WordPress 和 PHP 上的效能。 事實證明,它對於 WordPress 6.5 發布週期、字體庫測試呼叫等期間的回饋非常有用。
作為 WordPress 插件,Playground 可以將您現有的 WordPress 網站(包括所有內容、外掛程式和主題)複製到 Playground 的私人實例中。 這為您提供了一種在上線之前測試更改、新插件或更新的方法,而無需單獨託管。
下一個範例更具技術性,但我還是會繼續使用。 遊樂場可以嵌入網站中。 有些公司使用嵌入在其實際網站中的即時 WordPress Playground 網站來展示其外掛程式或主題的即時版本。 這對您未來的客戶非常有幫助,即使他們不知道 Playground 是什麼。
接下來我提出了一個問題,詢問我該如何向使用 WordPress 但不參與開發方面的人描述 Playground。
亞當齊林斯基:
「Playground 是直接在您的裝置上運行的 WordPress 版本,而不是在網站主機上運行。您可以在手機上打開 Playground,關閉互聯網,然後繼續使用它。”
然後我問它對於遷移到新模板或測試插件更新是否有用。
亞當齊林斯基:
「絕對地。 您可以使用 WordPress Playground 插件複製您的網站,並首先在那裡測試新模板或更新的插件,而不必擔心破壞您的生產網站。 該外掛程式還在 wp-admin 中的外掛程式搜尋中添加了一個「立即預覽」按鈕,以便您可以在承諾在即時網站上安裝外掛程式之前「試用它們」。
Zieliński 隨後推薦了以下資源來查看和閱讀有關 Playground 的更多資訊:
WordPress Playground – WordPress 的終極學習、測驗和教學工具
如何使用 WordPress Playground 進行互動式示範
如何開始使用 WordPress Playground
Playground 幫助一般 WordPress 使用者熟悉自己開發網站,這是學習如何使用 WordPress 的實用方法嗎?
亞當齊林斯基:
「Playground 是一個很棒的學習工具。您只需跳上 Playground.wordpress.net 並開始探索 WordPress,無論這意味著創建您的第一篇文章還是安裝 15 個外掛程式並建立整個網站。
今天的體驗是非常自我引導的,這在課程、研討會和聚會中非常有用,講師可以為您提供指導。
我們也正在探索互動式和引導式教學。 想像一下,請訪問 WordPress.org,點擊“我想建立我的第一個 WordPress 網站”,然後獲得明確的指示和一個可以使用的互動式 WordPress 網站。 這就是我們建造的原因。
這並不一定是在遙遠的未來。 任何人都可以立即開始使用 Playground Block 創建這些互動式學習體驗 – 將 Playground 嵌入到您的 WordPress 內容中的一鍵式方式。 現在您可以透過前往外掛程式頁面並點擊「即時預覽」按鈕來使用此部落格。 哦,那個即時預覽? 它也適用於 WordPress Playground!
Playground 支援流行的 WordPress 網站建立器嗎?
亞當齊林斯基:
「我還沒有測試過 Divi。Elementor 基本上可以工作,儘管入門流程存在一個技術問題,需要在 Elementor 完全發揮作用之前修復。
Playground有一個功能叫做Blueprints,設定檔。 我問 Adam 他會如何描述藍圖以及它對使用者有多大用處。
亞當齊林斯基:
「藍圖是 Playground 的指南,指導您如何建立 WordPress 網站。
藍圖也像拼圖。 事實上,在 WCEU 2024 上,您將利用實體拼圖建立真正的 WordPress 網站。 我們列印了代表網站設定步驟的拼圖,例如安裝外掛程式或更改網站名稱,與會者可以拿起它們並使用應用程式掃描它們,該應用程式將使用他們創建的設定(藍圖)載入 Playground。
也可以看看:什麼是藍圖以及您可以用它們做什麼?
關於藍圖的實用性:它有兩個面向。 您可以使用從現有專案建立的 Playground 網站,也可以建立一個新專案。
如果您只是想享受基於 Playground 的工具,您甚至不需要知道藍圖是什麼。 您將體驗到的只是一個打開預先配置 WordPress 網站以執行任何操作的按鈕。 它可以幫助您測試主題、貢獻一頁文檔,甚至建立投影片並將其匯出為 PDF。
如果您想建立新的藍圖,您需要立即動手編寫一些 JSON 程式碼。 Blueprints 101 和 Playground 技術簡介將引導您完成這些步驟,您也可以在藍圖庫中預覽範例。 值得注意的是,我們正在開發一種可視化工具,您無需任何編碼知識就可以將這些步驟組裝成拼圖。
這是創建網站然後保存或共享演示的方法嗎?
亞當齊林斯基:
「是的! 預設情況下,遊樂場位置是臨時的,但有很多方法可以保存和共享它們。 在 Playground.wordpress.net 上有一個設定按鈕,您可以在其中告訴 Playground 將您的網站儲存到您的網頁瀏覽器中。 完成此操作並刷新頁面後,您將直接返回您的網站。 您也可以將該網站同步到電腦上的目錄,所有 Playground 變更都會顯示在那裡。 然後,您也可以將網站匯出為 zip 檔案或匯出到 GitHub。
有兩種方法可以與其他人共用一個地方。
首先是建立一個項目,因此請編寫 Playground 的所有逐步說明以重新建立此網站。 然後,您可以將該計劃包含在連結中並與全世界分享。
藍圖很強大,但並不總是方便,所以還有第二種方法。 Playground 網站可以匯出為 zip 檔案。 您可以託管此 zip 檔案(例如在 GitHub 上),並建立一個 Playground 連結來上傳它。
WordPress 開發者社群中有人提出了這個問題:
「網站建立者通常有一個或多個’主網站’,它們似乎與藍圖非常吻合,儘管它們通常包含高級主題和外掛程式。Drupal 有’發行版’,它們基本上是主站點,通常以利基市場為重點進行預先配置。
想像一下核心、主題、會員外掛程式和支付配置的預先配置安裝(等待網關 API 金鑰)。 如果您想要一個會員網站,請安裝它並開始添加內容。 或預先配置的支援系統等。
所以我想知道藍圖的願景是否會提供類似的東西?
亞當齊林斯基:
「藍圖正好可以實現這一點。WordPress 外掛目錄中的即時預覽就是一個例子:每次您獲得為特定外掛程式預先配置的相同網站時。請務必安裝全新的 WordPress 以及所有共存外掛和主題的最新版本。您可以為您的特定配置準備一個計劃並在瀏覽器中使用它,或者您可以使用Playground CLI 工具在本機上使用這些網站。託管領域的一個常見功能。
WordPress 遊樂場
遊樂場是一個專為並鼓勵活動而設計的地方。 這正是 WordPress Playground 的意義。 任何使用 WordPress 的人都應該嘗試 Playground 或至少熟悉它,因為知識可以拓寬視野,幫助解決問題,並使您成為更有效的競爭對手和商人。
精選圖片由 Shutterstock/Leszek Czerwonka 提供