想學 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 文件的標準方式。 ↩︎


發表回覆