用 WordPress 帶著 AI 做出實用又安全的網站
2026-09-18
在上一次舉辦的 Claude Code 個人品牌網站工作坊結束的時候,有一些學員在詢問要如何做出有內容管理系統的個人品牌網站?再加上最近也遇到有不少朋友在問如何讓 AI 操作 WordPress 來進行內容的建置甚至是整個網站的架設。
所以想說繼續開一堂「讓 WordPress 約束 AI 做出實用又安全的網站」工作坊來協助學員實作整個 WordPress 的架設流程,從買網域到租主機,並介紹 AI 操作 WordPress 網站的完整工作流,也會以最白話的方式來讓學員理解做一個網站需要的相關知識。
課程架構主要以五個大方向出發:
1. WordPress 開發基礎概念
-
前端/後端/PHP/伺服器/資料庫的分工
-
本機、測試機、正式機三層環境
-
版本控管 Git 在做什麼
-
AI agent 的作業流程
2. WordPress 的家
-
主機資訊與後台導覽
-
連線資訊:SSH、資料庫
-
測試站與正式站
-
手動備份與還原(現場實際跑一次)
3. WordPress 區塊主題
-
佈景主題與外掛的職責,為什麼要子主題
-
文章類型(Post Type)的概念
-
使用者權限
-
外掛安裝
4. VSCode 開發工具
-
工作環境介紹
-
安裝 AI 擴充套件
-
介面導覽:模型、模式、思考程度
-
工作目錄的概念
5. 從零做出子主題
-
讓 AI 連到網站主機
-
確認本機 Git:直接請 AI 幫忙安裝工具
-
安裝 Skill:Skill 是什麼、怎麼設計自己的 Skill
-
如何描述需求、撰寫開發文件
-
瀏覽器自動化測試驗收
-
每完成一個功能就請 AI 提交
每一個區塊都會有對應的實作項目,讓你透過親手操作來學習這些概念,實作有問題時也會有講師我來協助你排除,因此會採用小班制,不然我會分身乏術 > <
至於上課用的 AI 要選擇 Claude Code 還是 Codex 都行,授課內容學的是觀念與基礎知識,工具不是重點,今天有更厲害的模型出現也適用。
最後還是要回到那個老問題:「坊間一堆人都在教 AI 架站,你這堂有什麼不一樣?」老實說我也沒上過其他人的 AI 架站課程,還真的不知道有什麼不一樣XD
但如果你長期訂閱我的電子報就知道,我經歷過接案的艱苦期,也找到如何接好案子的實務做法,再到開發產品的挑戰與困境,然後面對 AI 的迷惘與成長,這一路上的經歷我全部都寫成文章分享出來,透過這樣的分享讓我認識許多人,也讓我知道在學習路上有貴人相助是多幸福的事,而現在,我也想成為你的貴人。
我不敢說我準備這工作坊已經準備十幾年了,但授課內容絕對是我多年的工作經驗萃取精華,不管是架站的基礎知識,還是如何跟 AI 有效溝通的方法,透過有經驗的工程師帶著你走過一遍,絕對能省下不少時間與 Token。
目前工作坊的開課日期是 10/15 晚上 7 點到 9 點,地點在板橋府中捷運站 Y2 藝享空間,五人開班,最多十人,單堂費用是 2,980 元 ( 含稅 ) / 人,這邊附上電子報讀者的專屬優惠碼:newsletter-wp80
報名網址在這邊:https://oberonlai.blog/product/wordpress-ai-workshop/
我用 Grok Bot 做的八件事
OpenClaw 我沒上車、Hermes Agent 我沒上車,直到 Grok Bot 的出現,我才感受到什麼叫做 AI 助理的威力。雖然以 AI 的功能來說,我常用的 Claude 也可以用手機來請 AI 做事,也可以設排程甚至是給他很多技能以及記憶。
但我覺得以 Claude 來說,它是用 session 為單位來啟用一個 Agent,而這個 session 必須存活於某一個特定的專案資料夾底下,然後所有的相關設定都是以專案的層級為主。但 AI 助理的話就是以 Agent 為核心單位,每個 Agent 都有自己獨立的背景設定以及排程。
當我想要做一件事的時候,我就直接跟他講我想要做什麼,就不需要另外開一個專案資料夾來放這些內容,這跟以開發為主的 Agent 來說使用上會直覺許多,然後跟要買一台 Mac mini 的 AI 助理比起來,Grok Bot 開箱即用,並且能夠直接操作 Agent 的電腦桌面,當 Agent 要交接給我實際操作瀏覽器時,整體的互動介面也做得非常直覺。
透過 Grok Bot,我再也不用去折騰到底要把 Agent 裝在自己的機器裡,還是要再去買新的電腦。真的有需要的話,Grok Bot 也可以在我的授權之下來控制我的 MacBook。
所以它既可以做到 24 小時運作,也能在我的允許下去存取我電腦裡面的檔案,因此在我密集玩了一陣子後,我請它幫我做了這八件事:
1. 遊戲攻略解說
放假的時候在玩 RPG 遊戲,想要收集一些隱藏的道具與武器。以往都要去 Google 查攻略,之前也用過 ChatGPT 來查,但效果差強人意;特別是有一些寶物會落在地圖的某個地方,如果沒有圖像輔助光靠文字真的很難理解。
後來想到 Grok Bot 可以生成圖片,我就直接把我遊戲中的畫面截圖拍給它,問它這邊要幹嘛、要去哪裡找,再請它把實際的地圖畫出一張圖來。雖然地圖的座標沒有很精準,但大方向還是滿堪用的:
2. 讀書心得摘要
我現在邊看書都會把我想要記住的内容拍給 AI,請它幫我記錄起來,然後我會根據書中的內容,請他幫我產生重點讓我可事後回顧,或是用排程來幫我複習之前看過的內容:
3. 每日早報
我請他每天早上從 X、Github、ProductHunt 去撈熱門的貼文或是產品,讓我可以每天知道最新的 AI、SEO、WordPress 等相關領域的發展:
4. 開發 WordPress 外掛
每天看到覺得有趣的東西或是實用的開源工具時,我就會思考這能不能變成 WordPress 外掛,如果可以的話,我就直接請他開一個新的 bot 來進行開發,然後直接請它在它的電腦開好一個 WordPress 的環境,讓他自己實際去測試這個外掛的每一項功能是否都可以正常運作:
5. 集中收訊息
我把所有可以用 API、CLI、MCP 能夠接收、發送訊息的通訊軟體或是 email 全部都整合在裡面,然後開了一個 Bot 的群組來接收,這樣我就可以在同一個地方,同時看到信件和 Discord 官方帳號所發送寄來的訊息。
然後在群組裡面,我還可以特別指定對應的 Bot 來幫我進行訊息的回覆:
6. 嘗試安裝各種開源工具
Grok Bot 裡面有一個主 Agent,它可以負責統籌所有的 Bot,也能自己開 Bot 來分派任務,再加上它有自己完整的作業系統,所以每次在 GitHub 上面看到什麼我覺得有趣的工具想要裝起來測試看看,我就會直接請主 Agent 幫我裝起來:
7. 使用 Webhook 即時接收資訊
我目前的訊息接收都是使用每小時的排程來進行檢查,但像是 LINE 官方帳號這種比較想要即時看到的訊息,就可以透過 Grok Bot 內建的 Webhook 來傳送,也就是當接收到新訊息會直接傳到 Grok Bot 裡面,這樣我就能在第一時間看到客戶的訊息:
8. 外匯進出場通知
因為我有在買美金定存的習慣,我希望可以請他幫我判斷可以入金的時間,以及何時該出場:
以上大概是目前我實際有在用的流程。我有看到國外的 YouTuber 叫它自己去申請一個帳號來開通 ChatGPT 或是 Claude,然後就可以一直用免費額度,看來我的道行還是太淺了XD
小結
如果對於工作坊有任何問題或是想介紹你是怎麼用 AI 助理的話,都歡迎加入我們的 AI x 自由工作者社群,一起來分享交流吧!
https://line.me/ti/g2/smnoz5XJSIj6gY9sixYG_jagOCdGh8nb7hijRw
以上就是本週電子報的所有內容,我們下週見!😃