WordPress 網站大全集 × Codex

WordPress 網站大全集

用 Codex 學會小公司真正用得到的網站技術

這堂課承接原「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 網站實戰方式繼續更新。

本機伺服器與 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 社群將開啟新分頁,可直接詢問開課與團報資訊。