WordPress 網站大全集 × Codex
從本機伺服器、原生網站,
一路做到公司真正用得到的商用系統
一路做到公司真正用得到的商用系統
不必先會寫程式。先用 MAMP 與 WordPress 理解網站怎麼運作,再讓 Codex 在 Apache、PHP、MySQL 環境中實際建立網站,最後回到 WordPress,完成公司形象官網、CRM 客戶管理與 WooCommerce 電商應用。
目前 Codex 單元持續上架中|團報折扣依課程完成進度調整|已上架單元可立即觀看
課程新定位
網站不等於 WordPress,WordPress 也不只是發文章
這堂課先用 WordPress 帶你看見一個完整網站,再透過 Codex 把網站拆回最基本的工具,最後重新整合成真正可用的商業網站與公司系統。
01
先建立網站環境
在自己的電腦建立 MAMP,理解 Apache、PHP、MySQL 與網站資料夾的基本關係。
02
再看完整 WordPress
從本機安裝到線上主機、網域、DNS、後台、文章與媒體,建立完整網站觀念。
03
讓 Codex 真正開發
不再只安裝別人寫好的系統,而是讓 AI 代理建立 HTML、PHP 與 MySQL 原生網站。
04
回到正式商用
把網站基礎能力放回 WordPress,完成官網、CRM、會員與 WooCommerce 電商應用。
這不是把舊 WordPress 課程後面接上一個 AI 工具,而是建立一條完整路線:先使用整合工具、再拆解網站底層、最後回到商用整合。
網站基本工具
先看懂網站由什麼組成,再讓 Codex 幫你動手
零程式基礎不代表只能使用封閉式建站工具。Codex 可以協助建立程式,但學員仍需要知道每一種工具負責什麼,才能判斷網站是否真的完成。
HTML
網站內容與結構
只要有 HTML,就能建立網頁。標題、段落、圖片、表單與按鈕,都從頁面結構開始。
Apache
讓網站可以被開啟
Apache 是網頁伺服器,負責接收瀏覽器請求,將網站檔案送到畫面上顯示。
PHP
執行網站程式邏輯
PHP 可以接收表單、判斷條件、讀寫資料與產生動態網頁,也是 WordPress 的主要程式語言。
MySQL
儲存與管理網站資料
客戶、商品、訂單、報名與會員資料,都能存入資料庫,再依條件新增、查詢、修改與刪除。
完整學習路線
四篇課程,從 WordPress 入門到 AI 商用網站實戰
前兩篇建立網站完整觀念,第三篇讓 Codex 在本機環境真正開發,第四篇再整合成正式商用網站。
01PART
第一篇|本機 WordPress:建立免費網站實驗室
把自己的電腦變成可執行網站的伺服器
用 MAMP 配置 Apache、PHP 與 MySQL,建立資料庫、安裝 WordPress,理解網站網址、檔案路徑、前台、後台與資料庫的實際關係。
02PART
第二篇|線上 WordPress:主機、網域與內容管理
把本機網站觀念延伸到真正的網路世界
從 Bluehost 虛擬主機、網域名稱、DNS、控制面板與 phpMyAdmin,進入 WordPress 後台、佈景主題、文章、圖片、媒體庫、分類、標籤與網站搬家。
03PART
第三篇|Codex 原生網站:HTML、PHP 與 MySQL 實戰
暫時離開 WordPress,讓 AI 代理從零建立網站
在同一套 MAMP 環境中,由 Codex 建立網站資料夾、HTML、CSS、PHP 與 MySQL,完成公司介紹、聯絡表單、報名、詢價及客戶資料管理等實際案例。
04PART
第四篇|WordPress 商用:官網、CRM 與 WooCommerce
理解底層之後,回到成熟平台完成正式商用
讓 Codex 協助規劃頁面、客製 HTML、CSS、PHP 與外掛功能,建立公司形象官網、CRM 客戶管理、會員權限與 WooCommerce 電商流程。
第三篇核心亮點
第一次不靠 WordPress,讓 Codex 真正建立網站
學員不必先背程式語法,但會親眼看到 Codex 建立檔案、處理表單、連接資料庫、排查錯誤,理解一個動態網站從需求到完成的完整過程。
STEP 01
描述工作需求
先說清楚公司需要什麼頁面、欄位、資料與使用流程,不從程式語法開始。
STEP 02
Codex 建立網站
讓 AI 代理建立 HTML、CSS、PHP、SQL 與資料夾結構,實際完成第一版。
STEP 03
MAMP 本機測試
在自己的電腦開啟網站,測試表單、資料新增、查詢與版面顯示。
STEP 04
錯誤修正與迭代
把錯誤訊息、實際畫面與需求差異交給 Codex,逐步修正而不是整頁重做。
公司介紹與服務網站
從 HTML、CSS 與手機版開始,建立真正可以在 Apache 開啟的公司頁面。
聯絡、報名與詢價表單
用 PHP 接收表單資料、檢查欄位並顯示成功或錯誤訊息。
客戶資料管理系統
將資料寫入 MySQL,完成新增、查詢、修改與刪除的基本 CRUD 流程。
MAMP 在這堂課裡不只是安裝 WordPress 的舊工具,而是免費、安全、可以反覆重建的 AI 網站開發實驗室。
第四篇商用實戰
回到 WordPress,不再只會操作後台,而是用 Codex 延伸商業功能
WordPress 已經整合內容管理、會員、權限、外掛與後台。理解 HTML、PHP、MySQL 之後,就能更有方向地使用 Codex 客製,而不是盲目貼上程式碼。
商用成果一
公司形象官網
建立企業品牌、服務介紹、案例展示與聯絡入口,兼顧內容管理與手機版閱讀。
- 首頁與服務頁規劃
- 自訂 HTML 與 CSS 區塊
- 行動按鈕與聯絡表單
- 手機版與版面除錯
- 備份、測試與正式發布
商用成果二
CRM 客戶管理系統
把第三篇的客戶資料流程放進 WordPress,利用既有後台、權限與擴充架構建立管理工具。
- 客戶與聯絡紀錄
- 狀態與進度追蹤
- 後台資料管理
- 前台查詢與權限限制
- CSV 匯出與報表延伸
商用成果三
WooCommerce 電商
在成熟的購物、會員與訂單流程上,讓 Codex 協助客製小公司真正需要的功能。
- 商品、購物車與結帳
- 優惠券與快速結帳連結
- 會員帳戶自訂頁面
- 會員限定內容與下載
- 訂單資料與營運流程整合
目前已上架內容
WordPress 基礎單元已完成,可先建立網站完整觀念
目前課程已涵蓋本機 WordPress、線上主機、網域、DNS、後台、文章與媒體管理。Codex 原生網站與 WordPress 商用實戰將依課程路線持續新增。
1
第一組|本機伺服器、WordPress 安裝與網站搬家
- 1-1-1 搭建網路伺服器:個人電腦上的 AMP 虛擬 Server
- 1-1-2 安裝 WordPress:新增 MySQL 資料庫,連線安裝登入
- 1-1-3 網站搬家:Blogger 網誌匯出,WP 匯入及刪除網站
2
第二組|虛擬主機、網域與 DNS
- 1-2-1 網路虛擬主機:選擇網域名稱,實際架設網站
- 1-2-2 主機控制面板:域名管理、檔案總管、資料庫
- 1-2-3 自訂網址操作:更改網站設定,基本 DNS 轉址紀錄
3
第三組|WordPress 控制台、網站結構與遷移
- 1-3-1 控制台基本設定:語言信箱、外掛停用與快取
- 1-3-2 網站結構調整:更改佈景主題,靜態與文章首頁
- 1-3-3 WP 主機遷移:匯出匯入工具,文章後台前端管理
4
第四組|WordPress 文章、圖片與使用者管理
- 2-1-1 新增與編輯文章:區塊編輯器,草稿預覽與發佈
- 2-1-2 使用者角色:刪除作者新增管理員,批次操作
- 2-1-3 段落區塊設定:工具列側邊欄,註腳連結樣式
- 2-2-1 文章配置圖片:新增副標題,圖片插入編輯管理
- 2-2-2 媒體庫管理:說明文字、文章關聯、尺寸設定
- 2-2-3 嵌入多媒體:外部圖片、YouTube 影片、檔案 MP3
- 2-3-1 分類與標籤:新增、層級、更改,寫作選項設定
- 2-3-2 文章網址更改:永久連結結構,分類標籤目錄
適合對象
這堂課適合想真正掌握網站的人
適合這些學習需求
- 沒有程式基礎,但想用 Codex 建立網站
- 會操作 WordPress,卻不清楚網站底層原理
- 想替小公司建立官網、表單或內部系統
- 想學 HTML、PHP、MySQL,但不想先背大量語法
- 需要 CRM、會員或 WooCommerce 客製功能
- 希望在本機安全測試,再部署到正式網站
這堂課不以這些目標為主
- 只想用拖拉式平台快速完成單頁網站
- 完全不想理解檔案、主機、資料庫與錯誤訊息
- 期待 AI 一次生成後完全不需要測試與修改
- 想直接在正式網站大量執行未驗證程式碼
- 以大型企業級雲端架構或專業軟體工程師訓練為主要目標
課程資訊
課程持續上架中,現階段以 Line 團報方式加入
既有 WordPress 單元可以立即觀看;第三篇與第四篇將隨實作進度持續新增。現階段團報折扣會依課程完成進度調整,避免尚未完整上架時以原價直接銷售。
課程形式
線上影音課程
學習起點
零程式基礎可學
目前進度
約 50% 持續上架
加入方式
Line 團報方案
💬
目前課程原價為 NT$3,000,現階段可透過 Line 社群參加團報,依目前上架進度取得團報折扣。折扣金額會隨課程完成度調整。
常見問題
加入前常見問題
Q沒有程式基礎,可以學 Codex 網站開發嗎?
可以。課程不是先要求學員背完 HTML、PHP 或 SQL,而是從網站環境、檔案位置與實際需求開始,讓 Codex 協助建立程式,再透過畫面、錯誤訊息與測試結果逐步理解。
Q為什麼第三篇不直接使用 WordPress?
因為網站不一定是 WordPress。暫時離開整合平台,直接使用 HTML、Apache、PHP 與 MySQL,能更清楚理解網頁、程式與資料庫各自負責什麼,之後再回到 WordPress 客製會更有方向。
Q第三篇建立的網站會直接公開上線嗎?
前期主要在 MAMP 本機環境執行,只有自己的電腦能看到。這樣免費、安全,程式改壞也不會影響正式網站;完成測試後,再進一步學習部署到線上主機。
Q已經會 WordPress,還需要看前兩篇嗎?
可以依程度選擇。已有網站經驗的學員,可快速複習 MAMP、網站資料夾、MySQL、主機與 DNS,再直接進入 Codex 原生網站;完全初學者則建議依序完成前兩篇。
Q課程會教 Codex 直接修改正式網站嗎?
課程以安全流程為原則:先在本機或測試環境開發、備份並驗證,再將完成的頁面、外掛或功能部署到正式網站,不鼓勵把未測試的程式直接放進營運中的網站。
Q後續會包含 Cloudflare、Netlify 或其他部署工具嗎?
這些工具仍可作為延伸部署技術,但新版主線先聚焦 MAMP、Apache、PHP、MySQL、WordPress 與正式商用案例。進階部署內容會依實際課程規劃陸續補充。
不要只學會安裝網站,
開始理解並建立自己的網站系統
開始理解並建立自己的網站系統
從本機 WordPress、線上主機,到 Codex 原生網站與 WordPress 商用實戰,一次建立小公司真正用得到的網站能力。
目前單元持續上架|團報折扣依完成進度調整|後續新增內容加入後免費觀看