Studio Code 10 分鐘用中文建好 WordPress 購物站

Studio Code 10 分鐘用中文建好 WordPress 購物站

Studio Code 10 分鐘用中文建好 WordPress 購物站

懶!WordPress.com 推出 AI 工程師「Studio Code」

還在為了改個按鈕顏色就花 3000 台幣請工程師?WordPress.com 剛開放測試的 Studio Code 直接讓你把工程師裝進終端機:打中文就能生出整套佈景主題、外掛、速度報告,而且現在 完全免費

為什麼工程師聽到「Studio Code」就緊張?

就像你把整間 7-11 的店員變成語音助理:

  • 你說「幫我換成可愛粉紅風」,它 30 秒改好 CSS
  • 你說「我要加 LINE 分享按鈕」,它自動裝外掛、插程式碼、測試會不會壞
  • 你說「網站好慢」,它馬上跑 PageSpeed 報告 並把圖片壓成 WebP

重點:全部用 中文 下指令,它聽得懂。

實測:10 分鐘打造「團購風」購物站

步驟 1:裝好 Studio Code

npm install -g @wordpress/studio-code
studio-code init myshop

就像裝外送 App,一行指令搞定。

步驟 2:用中文開菜單

幫我做一個像 486 團購網的綡站,要有綠色能量條、倒數計時、商品輪播。

它會:

  1. 自動建立 區塊主題(WordPress 最新格式)
  2. 挑好字型、配色,連 台灣注音體 都幫你放進去
  3. WooCommerceWP RocketLINE Share
  4. 開瀏覽器截圖給你看,壞掉就重改

步驟 3:一鍵跑速度健檢

打:

/need-for-speed

它會:

  • Google PageSpeed 本地版
  • 把 2 MB 的 PNG 壱圖壓成 180 KB WebP
  • 告訴你「移除阻擋渲染的 CSS 可再快 0.8 秒」

與 Claude Code、Cursor 差在哪?

功能Studio CodeClaude Code傳統做法
聽得懂「台灣團購風」
自動裝 WP-CLI 外掛手動
截圖檢查會不會破版
一鍵上 WordPress.com要上傳 FTP

簡單說:Claude Code 是 全科醫生,Studio Code 是 WordPress 專科醫生,還會講台語。

台灣站長最愛的 3 個小功能

  1. 分類大掃除
    打「幫我把 900 個未分類文章依標題關鍵字自動分到 3C、美食、旅遊」,它用 AI 關鍵字比對 3 秒做完。

  2. 健檢信自動產生
    它會把速度分數、備份狀態、外掛更新做成 像 104 履歷的圖表,客戶一看就懂。

  3. 台灣金流一鍵裝
    講「我要綠界、LINE PAY、街口」,它自動下載官方外掛、帶你進後台填 MerchantID,還會提醒你測試卡號要用 4000-0000-0000-0002

現在就試!零成本玩整個下午

  1. 打開終端機(Windows 用 PowerShell 也行)
  2. npm install -g @wordpress/studio-code
  3. studio-code init 你的網站名稱
  4. 用中文說出你想要的網站,10 分鐘 後把截圖貼在群組炫耀

Beta 期間 完全免費,官方說正式版上線後可能改收 月費 600 台幣,現在不玩,之後就付錢嘍。

試試看吧,把工程師省下來的預算拿去買手搖飲!