# 《WordPress 初級開發者》影片教程完整版｜文派中英字幕 *Published:* 2026-04-20 *Author:* 殼殼蟲 想學 WordPress 開發但不知從何入手？這套初級開發者教程是官方入門路徑。 本教程內容源自 Learn WordPress[1](#eng-learn-wordpress) 官方學習平臺，由文派開源團隊翻譯並新增中英雙語字幕。全套共 56 節課，涵蓋從 WordPress 安裝到自定義 Block[2](#eng-block) 開發，從 Hooks[3](#eng-hooks) 機制到 REST API[4](#eng-rest-api) 擴充套件——是開發者入門的系統路徑。 這套教程適合誰？ -------- - 有一定程式設計基礎，想進入 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、Multisite[5](#eng-multisite)、Custom Post Types[6](#eng-custom-post-types)、Taxonomies[7](#eng-taxonomies)、Permalinks[8](#eng-permalinks)、Templates[9](#eng-templates)、Internationalization[10](#eng-internationalization)、Scaffolding[11](#eng-scaffolding)、Enqueuing[12](#eng-enqueuing)。 序號課時名稱觀看1**典型前端頁面請求**A typical front-end page request[觀看](https://www.bilibili.com/video/BV1QdQJBTEHw)2**Action Hooks**Action Hooks[觀看](https://www.bilibili.com/video/BV1NxQJBZEbt)3**管理頁面請求**Admin page request[觀看](https://www.bilibili.com/video/BV1SFQnBeEEa)4**高階 Multisite 管理**Advanced multisite management[觀看](https://www.bilibili.com/video/BV1BgdzB5E7s)5**Block Attributes**Block Attributes[觀看](https://www.bilibili.com/video/BV1KWQJBFEdk)6**Block 功能**Block Functionality[觀看](https://www.bilibili.com/video/BV1uEQJBYEUB)7**Block 開發環境**Block development environment[觀看](https://www.bilibili.com/video/BV1uEQJBYEBv)8**Block supports 與 Block styles**Block supports and Block styles[觀看](https://www.bilibili.com/video/BV1mWQJBFEBW)9**開發支援 Multisite 的外掛與主題**Building plugins and themes that support multisite[觀看](https://www.bilibili.com/video/BV1nPdzBJEdM)10**構建首個 Block**Building your first block[觀看](https://www.bilibili.com/video/BV1uEQJBYEDC)11**程式碼編輯器**Code editor[觀看](https://www.bilibili.com/video/BV1DfQJBNEA8)12**Create Block Theme 外掛**Create Block Theme Plugin[觀看](https://www.bilibili.com/video/BV1stQJB4Ey5)13**Custom Post Types**Custom Post Types[觀看](https://www.bilibili.com/video/BV1stQJB4Efq)14**Custom Post Type 資料**Custom post type data[觀看](https://www.bilibili.com/video/BV1unQJBwELU)15**自定義分類法**Custom taxonomies[觀看](https://www.bilibili.com/video/BV1unQJBwEEF)16**Multisite 網路開發**Developing for a multisite network[觀看](https://www.bilibili.com/video/BV1rwdzBSE9q)17**載入 CSS 與 JavaScript**Enqueuing CSS and JavaScript[觀看](https://www.bilibili.com/video/BV1MnQJBwEQB)18**檢查 JavaScript 狀態**Examining the state of your JavaScript[觀看](https://www.bilibili.com/video/BV1d5dzBrEjY)19**檢查 PHP 程式碼狀態**Examining the state of your PHP code[觀看](https://www.bilibili.com/video/BV1v5dzBrENR)20**擴充套件 WordPress REST API**Extending the WordPress REST API[觀看](https://www.bilibili.com/video/BV1MHQJBhEwg)21**Filter Hooks**Filter Hooks[觀看](https://www.bilibili.com/video/BV14sQJBbEtj)22**修復常見安全漏洞**Fixing common security vulnerabilities[觀看](https://www.bilibili.com/video/BV1FBQJBSEcu)23**全域性設定與樣式**Global settings and styles[觀看](https://www.bilibili.com/video/BV1PbQJBdEbH)24**與 WordPress REST API 互動**Interacting with the WordPress REST API[觀看](https://www.bilibili.com/video/BV1MHQJBhEA3)25**開發者主題入門**Introduction to themes for developers[觀看](https://www.bilibili.com/video/BV1KsQJBbEGP)26**本地開發環境**Local development environment[觀看](https://www.bilibili.com/video/BV1UFQnBeEdq)27**主樣式表**Main stylesheet[觀看](https://www.bilibili.com/video/BV1PbQJBdE4P)28**管理 WordPress Multisite 網路**Managing a WordPress multisite network[觀看](https://www.bilibili.com/video/BV1C6dzB9EAY)29**其他實用開發工具**Other useful development tools[觀看](https://www.bilibili.com/video/BV1uFQnBvErw)30**Permalinks**Permalinks[觀看](https://www.bilibili.com/video/BV1adQJBMEJZ)31**Plugin 要求**Plugin Requirements[觀看](https://www.bilibili.com/video/BV1NtQJB4EMC)32**構建新 Block**Scaffolding a new block[觀看](https://www.bilibili.com/video/BV1MnQJBwE9S)33**安全開發 Plugin 與 Theme**Securely developing plugins and themes[觀看](https://www.bilibili.com/video/BV1uEQJBYEiW)34**設定 WordPress Multisite 網路**Setting up a WordPress multisite network[觀看](https://www.bilibili.com/video/BV1W6dzB9Euf)35**靜態與動態 Block**Static vs dynamic blocks[觀看](https://www.bilibili.com/video/BV1tWQJBFEMx)36**Templates**Templates[觀看](https://www.bilibili.com/video/BV1PbQJBdEUw)37**WordPress REST API**The WordPress REST API[觀看](https://www.bilibili.com/video/BV1MHQJBhEiG)38**WordPress 資料庫**The WordPress database[觀看](https://www.bilibili.com/video/BV1adQJBMEjq)39**WordPress 檔案系統**The WordPress file system[觀看](https://www.bilibili.com/video/BV1DdQJBTEQD)40**內建 WordPress 除錯選項**The built-in WordPress debugging options[觀看](https://www.bilibili.com/video/BV1XndzBqEBe)41**常用國際化函式**The commonly used Internationalization functions[觀看](https://www.bilibili.com/video/BV1nkdzBpEZq)42**WordPress 程式語言：CSS**The programming languages of WordPress – CSS[觀看](https://www.bilibili.com/video/BV1hfQJBKEKQ)43**WordPress 程式語言：HTML**The programming languages of WordPress – HTML[觀看](https://www.bilibili.com/video/BV1SfQJBNEoo)44**WordPress 程式語言：JavaScript**The programming languages of WordPress – JavaScript[觀看](https://www.bilibili.com/video/BV1DfQJBNEER)45**WordPress 程式語言：MySQL**The programming languages of WordPress – MySQL[觀看](https://www.bilibili.com/video/BV1NxQJBZEDx)46**WordPress 程式語言：PHP**The programming languages of WordPress – PHP[觀看](https://www.bilibili.com/video/BV1xxQJBZEGU)47**主題結構**Theme structure[觀看](https://www.bilibili.com/video/BV1sbQJBdEbw)48**安全漏洞檢測工具**Tools to detect security vulnerabilities[觀看](https://www.bilibili.com/video/BV1THQJBhEQV)49**實用除錯外掛**Useful debugging plugins[觀看](https://www.bilibili.com/video/BV1hydBBAEt3)50**使用 WordPress REST API**Using the WordPress REST API[觀看](https://www.bilibili.com/video/BV1tWQJBFEnk)51**什麼是國際化**What is Internationalization?[觀看](https://www.bilibili.com/video/BV1FBQJBSE7k)52**什麼是外掛**What is a plugin?[觀看](https://www.bilibili.com/video/BV1NtQJB4EFf)53**WordPress Hooks**WordPress Hooks[觀看](https://www.bilibili.com/video/BV14sQJBbELw)54**WordPress 安裝**WordPress Installation[觀看](https://www.bilibili.com/video/BV1SFQnBeE7i)55**WordPress 與 Web 伺服器**WordPress and web servers[觀看](https://www.bilibili.com/video/BV1DoQJBiEN9)56**使用 Hooks**Working with Hooks[觀看](https://www.bilibili.com/video/BV1KsQJBbEdd)--- 本教程由文派開源團隊製作釋出，遵循知識共享協議。覺得有用就分享給需要的朋友，在 B 站關注「文派開源」獲取更多 WordPress 學習資源。 ### 名詞解釋 1. Learn WordPress：WordPress 官方學習平臺，提供免費影片課程、互動工作坊和教學計劃。 [↩︎](#eng-learn-wordpress-link) 2. Block：區塊，WordPress 編輯器中的基本內容單元，用於構建頁面和文章。 [↩︎](#eng-block-link) 3. Hooks：WordPress 鉤子機制，包括 Action 和 Filter，允許開發者在特定時機介入和修改 WordPress 行為。 [↩︎](#eng-hooks-link) 4. REST API：WordPress 提供的程式設計介面，允許外部應用與 WordPress 資料互動。 [↩︎](#eng-rest-api-link) 5. Multisite：WordPress 多站點功能，允許在一個 WordPress 安裝上執行多個獨立站點。 [↩︎](#eng-multisite-link) 6. Custom Post Types：自定義文章型別，為不同內容建立獨立的管理和展示方式。 [↩︎](#eng-custom-post-types-link) 7. Taxonomies：分類法，用於組織和分類內容的系統（如分類目錄和標籤）。 [↩︎](#eng-taxonomies-link) 8. Permalinks：固定連結，WordPress 中內容頁面的 URL 格式設定。 [↩︎](#eng-permalinks-link) 9. Templates：模板，控制不同型別頁面的整體佈局和顯示結構。 [↩︎](#eng-templates-link) 10. Internationalization：國際化（i18n），讓外掛和主題支援多語言翻譯的開發實踐。 [↩︎](#eng-internationalization-link) 11. Scaffolding：腳手架，透過命令列工具快速生成外掛或區塊的基礎程式碼結構。 [↩︎](#eng-scaffolding-link) 12. Enqueuing：WordPress 中按依賴關係載入 CSS 和 JavaScript 檔案的標準方式。 [↩︎](#eng-enqueuing-link)