SSH 還是 CrocoBuilder MCP?讓 AI 改 WordPress 的 3 個實測
本文含聯盟連結:透過連結購買,我們會收到佣金,你付的價格不變。推薦只根據我們維護網站的實際使用經驗。
快速結論:網站已經用 CrocoBuilder 做頁面、改完還想讓客戶自己在編輯器調整,就讓 AI 走 CrocoBuilder MCP:送出前會檢查格式,修改有版本號保護,比較不會改壞頁面。要做編輯器沒有的功能(例如同一頁的分類篩選)、一次處理很多網站,或要動到外掛、資料庫,就走 SSH。兩者不衝突,我們自己是 SSH 管主機與程式,MCP 管頁面。
這篇的結論是怎麼來的
越來越多人讓 AI 代理(像 Claude Code)直接幫忙改 WordPress。問題是:該給 AI 主機的 SSH,還是讓它透過網站上的 MCP 外掛操作?我們在 2026 年 9 月 14 日,用自家的外掛測試站實際跑了一輪。
- 測試環境:WordPress 7.0.4、Elementor 4.2.4 + Pro 4.2.3、CrocoBuilder 1.0.0-beta.24(主機在 xCloud)
- 操作者:AI 代理 Claude Code,同一份規格,SSH 與 CrocoBuilder MCP 各做一次;SSH 走 wp-cli 與 PHP
- 三個案例:價目方案頁(三欄卡片、手機自動直排)、文章列表加分類篩選、全站按鈕改色再還原
- 時間從第一個指令算到頁面完成;SSH 另外註明寫程式花的時間
同一個測試站我們也用 EMCP(Elementor MCP)跑了同一組案例,結果寫在SSH 還是 EMCP?讓 AI 改 Elementor 網站的 3 個實測。
CrocoBuilder MCP 是什麼
CrocoBuilder 是 Crocoblock(做 JetEngine、JetSmartFilters 的那家)推出的頁面編輯器,它是獨立的一套,不是 Elementor 的外掛。它內建 MCP 伺服器,開啟後提供 25 個工具,範圍包含頁面、共用樣式(顏色、按鈕樣式這類設計系統)、可重複使用的元件、資料查詢與文章列表、佈景範本、媒體和選單,另外還有格式檢查與預覽檢查工具。
連線方式是在 WordPress 後台產生一組 Bearer 金鑰(只顯示一次),貼到 AI 工具的設定裡,不需要主機權限;目前不支援用瀏覽器授權登入(OAuth)。
一次看懂:比較表
| 項目 | SSH(wp-cli、PHP) | CrocoBuilder MCP |
|---|---|---|
| 需要什麼權限 | 主機的 SSH 金鑰 | WordPress 後台產生的金鑰 |
| 能改的範圍 | 整個網站:檔案、資料庫、外掛、任何程式 | CrocoBuilder 的頁面、共用樣式、元件、文章列表、佈景範本 |
| 改錯的保護 | 沒有,要自己先備份 | 送出前可檢查格式;修改帶版本號,頁面被別人改過就拒絕寫入 |
| 客戶能不能自己改 | 寫成程式的部分,客戶改不動 | 可以用 CrocoBuilder 編輯器改 |
| 上手難度 | 要熟 WordPress 與編輯器的資料格式 | 規格很嚴格,第一次會寫錯幾次參數,但錯誤訊息會講清楚 |
| 適合 | 客製功能、批次處理、資安事件 | 已經採用 CrocoBuilder 的網站 |
實測 1:價目方案頁
規格:標題+副標,下面三張方案卡片(名稱、價格、3 個特色、按鈕),電腦三欄、手機直排。
- CrocoBuilder MCP:約 4 分鐘,包含第一次讀規格,中間寫錯 2 次參數。三欄、手機直排都正確,內建的預覽檢查也確認 3 張卡片都有輸出。問題出在測試站同時裝了 Elementor:Elementor 的全站設定蓋掉了 CrocoBuilder 的部分樣式,標題設 40px 實際只有 22px,按鈕文字也從白色變成藍色。
- SSH:程式執行 11 秒,結果完全正確。但要說清楚:這麼快是因為我們已經知道 Elementor 的資料格式。SSH 直接寫進資料庫,寫入前不會有任何檢查,格式錯了就是整頁壞掉。
實測 2:文章列表加分類篩選
規格:文章卡片(精選圖、日期、標題、摘要、閱讀更多),每頁 6 篇,電腦三欄、手機一欄,上方可以依分類篩選。
- CrocoBuilder MCP:52 秒。一個指令就建好「儲存的查詢+文章卡片列表」,分頁也能用。但它沒有篩選元件,只能放幾個連到分類頁的連結,不是在同一頁篩選;分頁是沒有樣式的純文字;卡片的精選圖這次沒有顯示,還要再調。
- SSH:寫了約 80 行 PHP 與 CSS(約 2~3 分鐘),執行 5 秒。卡片、同一頁的分類篩選、分頁一次到位,而且是伺服器直接輸出,搜尋引擎看得到每個分類的內容。代價是這段程式客戶改不動,之後要改樣式得找工程師。
實測 3:全站按鈕改色,再還原
- CrocoBuilder MCP:建立一個共用按鈕樣式、套到 3 顆按鈕後,改一次顏色三顆同時變,改回來也一樣快。前提是頁面一開始就用共用樣式;我們第一版把顏色直接寫在每顆按鈕上,就沒辦法一次改,得先把按鈕改成套用共用樣式。
- SSH:12 秒。先把設定備份成檔案,改主色、清快取,所有用到主色的地方一起變;還原就是把備份寫回去。
各自的優點與缺點
SSH
- 優點:什麼都能改,檔案、資料庫、外掛、任何程式;不綁任何編輯器;執行最快,可以一次處理幾十個網站。
- 缺點:要有主機權限(客戶自管主機時常常拿不到);要熟資料格式;沒有寫入前檢查,也沒有自動紀錄,備份要自己做;寫成程式的功能客戶改不動。
CrocoBuilder MCP
- 優點:規格設計得很完整,有格式檢查、預覽檢查、版本號保護;共用樣式、元件、文章列表、佈景範本都能操作;改完客戶可以用編輯器接手;只要 WordPress 後台的金鑰。
- 缺點:只能改 CrocoBuilder 自己的頁面;測試時還是 beta 版;沒有篩選元件;和 Elementor 裝在同一站時樣式會被蓋掉;金鑰是固定字串,要自己保管、用完撤銷。
什麼情況用哪一個
- 新站、打算整套用 Crocoblock 生態:用 CrocoBuilder MCP,而且先把共用樣式(顏色、按鈕)建好再做頁面,之後才能一次改全站。
- 已經是 Elementor 的網站:不建議再加一套 CrocoBuilder,兩套樣式會互相覆蓋;改用 EMCP 或 SSH。
- 要做編輯器沒有的功能、批次處理多站、處理資安事件:用 SSH。
- 客戶自管主機、拿不到 SSH:MCP 類工具是唯一能讓 AI 動手的管道。
想看 Crocoblock 整套外掛的方案,可以到 Crocoblock 官網;我們對 Jet 系列與其他 Elementor 擴充的整理在這篇比較。如果你不想自己研究這些工具,也可以把網站交給我們,看看網站守護方案。
常見問題
沒有主機的 SSH,可以讓 AI 改 CrocoBuilder 網站嗎?
可以。CrocoBuilder MCP 只需要在 WordPress 後台產生一組金鑰,AI 就能建頁、改樣式、做文章列表,不需要主機權限。
CrocoBuilder 可以和 Elementor 裝在同一個網站嗎?
可以裝,但不建議混用。我們實測時,Elementor 的全站字級與連結顏色蓋掉了 CrocoBuilder 的部分樣式,一個網站最好只用一套頁面編輯器。
SSH 和 CrocoBuilder MCP 哪個快?
單看執行,SSH 最快,只要幾秒;但前提是熟悉資料格式。CrocoBuilder MCP 第一次要花幾分鐘熟悉規格,之後改頁面有檢查與版本保護,比較不容易改壞。
CrocoBuilder MCP 可以做文章分類篩選嗎?
測試的 1.0.0-beta.24 版還沒有篩選元件,只能做文章列表與分頁。要在同一頁依分類篩選,我們是用 SSH 寫一段程式完成的。
WPTOOLBEAR網站工具熊