想學 WordPress 開發但不知從何入手?這套初級開發者教程是官方入門路徑。
本教程內容源自 Learn WordPress1 官方學習平臺,由文派開源團隊翻譯並新增中英雙語字幕。全套共 56 節課,涵蓋從 WordPress 安裝到自定義 Block2 開發,從 Hooks3 機制到 REST API4 擴充套件——是開發者入門的系統路徑。
這套教程適合誰?
- 有一定程式設計基礎,想進入 WordPress 開發領域的新手
- 前端開發者希望擴充套件 WordPress 主題和外掛開發能力
- 需要理解 WordPress 核心機制(Hooks、REST API、Database)的技術人員
- 計劃開發自定義 Block 或擴充套件 WordPress 功能的工程師
課程能學到什麼?
核心機制:理解前端/管理頁面請求流程、WordPress 檔案系統、資料庫結構、Hooks(Action 與 Filter)工作原理。
開發基礎:本地開發環境搭建、程式碼編輯器使用、CSS / HTML / JavaScript / PHP / MySQL 在 WordPress 中的應用。
主題開發:主題結構、主樣式表、Templates、全域性設定與樣式、Create Block Theme 外掛。
外掛開發:Plugin 要求、Custom Post Types、自定義分類法、安全開發實踐、載入 CSS 與 JavaScript。
Block 開發:Block Attributes、Block 功能、開發環境搭建、靜態與動態 Block、構建首個 Block。
REST API:WordPress REST API 基礎、互動方式、擴充套件方法。
Multisite:安裝配置、管理、高階管理、為 Multisite 開發外掛和主題。
安全與除錯:常見安全漏洞修復、漏洞檢測工具、內建除錯選項、實用除錯外掛。
國際化:國際化概念、常用國際化函式、多語言站點開發基礎。
課時列表
課時名稱按”中文主標題 + 英文原名”排版,便於對照學習。常見英文名詞包括 Hooks、Block、REST API、Multisite5、Custom Post Types6、Taxonomies7、Permalinks8、Templates9、Internationalization10、Scaffolding11、Enqueuing12。
| 序號 | 課時名稱 | 觀看 |
|---|---|---|
| 1 | 典型前端頁面請求A typical front-end page request | 觀看 |
| 2 | Action HooksAction Hooks | 觀看 |
| 3 | 管理頁面請求Admin page request | 觀看 |
| 4 | 高階 Multisite 管理Advanced multisite management | 觀看 |
| 5 | Block AttributesBlock Attributes | 觀看 |
| 6 | Block 功能Block Functionality | 觀看 |
| 7 | Block 開發環境Block development environment | 觀看 |
| 8 | Block supports 與 Block stylesBlock supports and Block styles | 觀看 |
| 9 | 開發支援 Multisite 的外掛與主題Building plugins and themes that support multisite | 觀看 |
| 10 | 構建首個 BlockBuilding your first block | 觀看 |
| 11 | 程式碼編輯器Code editor | 觀看 |
| 12 | Create Block Theme 外掛Create Block Theme Plugin | 觀看 |
| 13 | Custom Post TypesCustom Post Types | 觀看 |
| 14 | Custom Post Type 資料Custom post type data | 觀看 |
| 15 | 自定義分類法Custom taxonomies | 觀看 |
| 16 | Multisite 網路開發Developing for a multisite network | 觀看 |
| 17 | 載入 CSS 與 JavaScriptEnqueuing CSS and JavaScript | 觀看 |
| 18 | 檢查 JavaScript 狀態Examining the state of your JavaScript | 觀看 |
| 19 | 檢查 PHP 程式碼狀態Examining the state of your PHP code | 觀看 |
| 20 | 擴充套件 WordPress REST APIExtending the WordPress REST API | 觀看 |
| 21 | Filter HooksFilter Hooks | 觀看 |
| 22 | 修復常見安全漏洞Fixing common security vulnerabilities | 觀看 |
| 23 | 全域性設定與樣式Global settings and styles | 觀看 |
| 24 | 與 WordPress REST API 互動Interacting with the WordPress REST API | 觀看 |
| 25 | 開發者主題入門Introduction to themes for developers | 觀看 |
| 26 | 本地開發環境Local development environment | 觀看 |
| 27 | 主樣式表Main stylesheet | 觀看 |
| 28 | 管理 WordPress Multisite 網路Managing a WordPress multisite network | 觀看 |
| 29 | 其他實用開發工具Other useful development tools | 觀看 |
| 30 | PermalinksPermalinks | 觀看 |
| 31 | Plugin 要求Plugin Requirements | 觀看 |
| 32 | 構建新 BlockScaffolding a new block | 觀看 |
| 33 | 安全開發 Plugin 與 ThemeSecurely developing plugins and themes | 觀看 |
| 34 | 設定 WordPress Multisite 網路Setting up a WordPress multisite network | 觀看 |
| 35 | 靜態與動態 BlockStatic vs dynamic blocks | 觀看 |
| 36 | TemplatesTemplates | 觀看 |
| 37 | WordPress REST APIThe WordPress REST API | 觀看 |
| 38 | WordPress 資料庫The WordPress database | 觀看 |
| 39 | WordPress 檔案系統The WordPress file system | 觀看 |
| 40 | 內建 WordPress 除錯選項The built-in WordPress debugging options | 觀看 |
| 41 | 常用國際化函式The commonly used Internationalization functions | 觀看 |
| 42 | WordPress 程式語言:CSSThe programming languages of WordPress – CSS | 觀看 |
| 43 | WordPress 程式語言:HTMLThe programming languages of WordPress – HTML | 觀看 |
| 44 | WordPress 程式語言:JavaScriptThe programming languages of WordPress – JavaScript | 觀看 |
| 45 | WordPress 程式語言:MySQLThe programming languages of WordPress – MySQL | 觀看 |
| 46 | WordPress 程式語言:PHPThe programming languages of WordPress – PHP | 觀看 |
| 47 | 主題結構Theme structure | 觀看 |
| 48 | 安全漏洞檢測工具Tools to detect security vulnerabilities | 觀看 |
| 49 | 實用除錯外掛Useful debugging plugins | 觀看 |
| 50 | 使用 WordPress REST APIUsing the WordPress REST API | 觀看 |
| 51 | 什麼是國際化What is Internationalization? | 觀看 |
| 52 | 什麼是外掛What is a plugin? | 觀看 |
| 53 | WordPress HooksWordPress Hooks | 觀看 |
| 54 | WordPress 安裝WordPress Installation | 觀看 |
| 55 | WordPress 與 Web 伺服器WordPress and web servers | 觀看 |
| 56 | 使用 HooksWorking with Hooks | 觀看 |
本教程由文派開源團隊製作釋出,遵循知識共享協議。覺得有用就分享給需要的朋友,在 B 站關注「文派開源」獲取更多 WordPress 學習資源。
名詞解釋
- Learn WordPress:WordPress 官方學習平臺,提供免費影片課程、互動工作坊和教學計劃。 ↩︎
- Block:區塊,WordPress 編輯器中的基本內容單元,用於構建頁面和文章。 ↩︎
- Hooks:WordPress 鉤子機制,包括 Action 和 Filter,允許開發者在特定時機介入和修改 WordPress 行為。 ↩︎
- REST API:WordPress 提供的程式設計介面,允許外部應用與 WordPress 資料互動。 ↩︎
- Multisite:WordPress 多站點功能,允許在一個 WordPress 安裝上執行多個獨立站點。 ↩︎
- Custom Post Types:自定義文章型別,為不同內容建立獨立的管理和展示方式。 ↩︎
- Taxonomies:分類法,用於組織和分類內容的系統(如分類目錄和標籤)。 ↩︎
- Permalinks:固定連結,WordPress 中內容頁面的 URL 格式設定。 ↩︎
- Templates:模板,控制不同型別頁面的整體佈局和顯示結構。 ↩︎
- Internationalization:國際化(i18n),讓外掛和主題支援多語言翻譯的開發實踐。 ↩︎
- Scaffolding:腳手架,透過命令列工具快速生成外掛或區塊的基礎程式碼結構。 ↩︎
- Enqueuing:WordPress 中按依賴關係載入 CSS 和 JavaScript 檔案的標準方式。 ↩︎


發表回覆