WordPress 網站大全集
這堂課承接原「WordPress 大全集」的架站、後台、主機與 DNS 基礎,後半段導入 Codex 作為網站技術助手,協助非工程背景學員做出公司官網、服務頁、團隊共享平台、資料查詢頁與管理報表。不是從零學寫程式,而是用 AI Agent 協助你把網站真正用在工作中。
你是否也遇過這些狀況?
做網站最怕學了一堆工具,卻兜不出一個符合公司實際需求的成果。
1. 會發文章,但網站還是不像真的公司官網
WordPress 後台操作學了不少,但頁面還是像部落格,不知道怎麼做成服務說明頁、報價展示頁或一頁式公司官網。想改版,卻不知道從哪裡下手。
2. 想架公司官網或內部平台,卻不知從何開始
有需求,但面對主機選擇、DNS、控制面板就不知所措。想做有用的東西,卻一直在搜尋和試錯,進展緩慢。
3. 看到 Cloudflare、部署等名詞就覺得是工程師的事
想把網站部署到 Netlify 或 Cloudflare Pages,但光看到 API、Workers、Wrangler 這些名詞就卻步。其實很多操作不需要寫程式,只需有人帶過一遍。
4. 想讓團隊有共享平台,卻不懂會員權限
想做內部文件庫、員工入口或客戶專區,但不知道 WordPress 的角色權限、會員登入和內容保護實際要怎麼規劃。
5. 手上有試算表資料,卻不知道怎麼變成查詢頁
公司資料都在 Excel 或 Google Sheets,想做一個讓同事或客戶可以查詢的頁面,卻不知道從哪個工具開始,也不確定 WordPress 做不做得到。
6. 擔心讓 AI 幫忙改網站,改壞了沒有備份
想用 AI Agent 協助修改網站,但又怕操作失誤,不知道備份、測試站、版本回滾這些安全流程要怎麼建立。
課程解法:用 AI Agent 帶你實戰網站技術
這堂課以 WordPress 大全集前半段的基礎為起點,後半段引入 Codex 作為 AI Agent 協助工具,讓非工程背景的學員能在有引導的情況下,理解並操作真實的網站技術。
Codex 不是幫你「自動完成」,而是讓你能問對問題、看懂回應、有判斷地調整網站。學員透過 Codex 協助,閱讀並修改 HTML、CSS 與 WordPress 程式碼,了解公司官網與服務頁的結構邏輯,學會規劃會員登入與角色權限,把 Google Sheets 資料接到查詢頁,再一步步把網站部署到 Netlify 或 Cloudflare Pages,設定自訂網域與 DNS。
每個單元都有真實情境對應的操作目標,不是泛談工具,而是帶你做出小公司實際用得到的東西。
目前已上架基礎內容
原「WordPress 大全集」已上架一批網站基礎內容,後續會以 Codex 網站實戰方式繼續更新。
本機伺服器與 WordPress 安裝
建立本機測試環境,完整體驗 WordPress 核心與資料庫安裝流程,打好底層觀念。
主機、網域與 DNS
從虛擬主機申租、網域購買,到最重要的 DNS 解析與 HTTPS 憑證設定實戰。
WordPress 後台與網站結構
熟悉後台介面與核心設定邏輯,了解網站基本運作原理,為後續營運建立穩固基礎。
文章、圖片與媒體庫
掌握內容發布技巧、Gutenberg 區塊編輯器操作,以及媒體檔案的最佳化管理方法。
分類、標籤與永久連結
建立清楚的網站內容分類架構,並設定容易被讀者與搜尋引擎理解的網址結構。
學完這堂課,你可以做到…
做出小公司一頁式官網
用 WordPress 搭配 Codex 協助修改,製作包含品牌介紹、核心服務、聯絡方式的一頁式官網。版面清楚、行動裝置顯示正常,可直接對外公開使用。
做出服務方案與報價展示頁
建立清楚的服務項目說明頁,包含方案對比、報價展示與詢問表單,讓客戶一眼看懂你提供什麼,適合顧問服務業者與工作室使用。
建立團隊內部共享平台
用 WordPress 架設簡易的內部入口,放置公司文件、作業流程與資源連結,讓團隊成員登入後即可查閱,取代雜亂的群組訊息與信件夾。
規劃會員登入與角色權限
了解 WordPress 內建角色機制,設定不同人員的存取權限,保護特定頁面或文件只對特定角色開放,適合做客戶專區或員工平台。
把 Google Sheets 變查詢頁
透過 Codex 協助,把 Google Sheets 的資料接到網頁前台,讓使用者輸入條件後即可查詢對應結果,適合做簡易商品查詢、客戶資料核對或排班表查閱。
掌握網站部署與 DNS 網域設定
理解靜態網站部署邏輯,學會把網站發布到 Netlify 或 Cloudflare Pages,設定自訂網域、DNS 解析與 HTTPS,完成從本機到正式上線的完整流程。
課程內容模組
從基礎架構到 AI 協作,完整涵蓋小公司數位實戰需求
模組一:WordPress 基礎回顧與網站架構
- AMP 虛擬伺服器安裝與本機測試環境建立
- MySQL 資料庫管理基礎
- WordPress 安裝、設定與後台介面操作
- 虛擬主機、控制面板與檔案管理實作
- 網域申請、DNS 解析與 HTTPS 設定邏輯
模組二:Codex 協助 HTML、CSS、PHP 與修改
- 認識 Codex:正確使用 AI Agent 協助開發的方法
- 用 Codex 閱讀並修改 HTML 與 CSS 頁面結構
- WordPress 主題檔案架構與 PHP 基礎修改
- 用 Codex 協助撰寫 WordPress 自訂 HTML 區塊
- 錯誤排查:讓 Codex 幫你讀懂錯誤訊息並修正
模組三:公司官網、服務頁與 HTML 區塊
- 一頁式公司官網結構規劃與製作
- 服務方案頁、報價展示頁設計邏輯
- WordPress Gutenberg 自訂 HTML 區塊應用
- 行動裝置響應式設計基礎與 RWD 調整
- 網站備份與測試站建立流程
模組四:會員登入、團隊平台與內容權限
- WordPress 內建角色與權限機制說明
- 會員登入功能設定與前台登入頁設計
- 特定頁面與內容的保護設定
- 簡易內部共享平台與文件庫架構
- 客戶專區規劃與半公開頁面設計邏輯
模組五:資料查詢頁、管理報表與網站部署
- Google Sheets 資料接入網頁查詢頁實作
- 簡易管理報表儀表板設計
- Netlify 靜態網站部署流程
- Cloudflare Pages、Workers 與 Wrangler 操作介紹
- Zeabur 部署選項說明與應用情境比較
釐清界線:WordPress 適合做什麼?
在規劃公司網站時,常見的問題是「WordPress 能做到什麼程度」。我們提供一個實用的四層架構思考框架:
第一層:公開網站 (非常適合)
包含公司官網、服務頁、文章頁、作品集。任何人都可以瀏覽,目的是展示、說明與吸引詢問。WordPress 非常適合這個層級,是核心使用場景。
第二層:半公開網站 (非常適合)
包含客戶預覽頁、方案說明頁、設有簡易密碼的報價頁。不需要完整會員系統,只要限制公開程度即可。WordPress 加上適當外掛或設定可以輕鬆處理。
第三層:會員登入網站 (適合)
包含團隊內部共享平台、員工文件庫、客戶登入專區。需要帳號管理、角色設定與內容保護。搭配會員外掛與角色權限機制可實作,但規模過大需審慎評估。
第四層:正式業務系統 (不建議硬做)
包含完整 ERP、進銷存、多人會計分錄、庫存成本計算與稽核軌跡。這類涉及多人操作與交易完整性的重型系統,不適合只靠 WordPress 硬架,應選擇專用系統。
本課程的學習範圍以第一層到第三層為主,幫你把 WordPress 的可能性真正發揮出來,同時清楚說明邊界在哪裡。
這堂課適合你嗎?
適合對象
- 已有 WordPress 網站,但不知道如何做成真正的公司官網或服務頁。
- 想用 AI Agent 協助網站改版、維護與部署,但不知道從哪裡開始。
- 小公司老闆、顧問服務業者,需要一個可以對外展示與對內管理的網站。
- 會計、行政、行銷人員,需要整理公司資訊並對外呈現。
- 想了解 DNS、Cloudflare、部署流程,但沒有工程背景的人。
- 想把 Google Sheets 資料做成查詢頁或報表頁的人。
- 想建立團隊內部共享平台,規劃會員登入與角色權限的人。
- 學過 WordPress 但還停留在發文章,想做出完整功能網站的人。
不適合對象
- 希望一鍵產生完整網站,完全不需要理解任何技術概念的人。
- 需要建立完整 ERP、多人進銷存、複式會計分錄系統的人。
- 想把敏感資料只靠 HTML 簡易密碼保護,不規劃正確存取控制機制的人。
- 期待取得可直接轉售的完整商業系統,而不是學習網站設計與維護流程的人。
- 完全沒有自行操作電腦介面意願,希望全部外包給工具完成的人。
把網站變成得心應手的工作工具
這堂課的出發點很簡單:小公司需要的網站工具,不應該都等工程師來做。
WordPress 大全集從伺服器架設教到 DNS,後半段用 Codex 帶你理解 HTML、CSS 與部署邏輯,做出真正能用的官網、服務頁、內部平台與資料查詢頁。每個單元都有具體的操作目標,不是在講概念,而是帶你把東西做出來。
如果你已經有 WordPress 網站卻還停留在發文章,或是想透過 AI Agent 協助把網站升級,這堂課的前後半段設計正好對應這個需求。
目前課程持續上架中,有興趣可以先查看已上架基礎內容,或加入 Line 社群了解目前進度與團報資訊。
點擊加入 Line 社群將開啟新分頁,可直接詢問開課與團報資訊。