EP002. “课程整体概览（Big Picture Course Overview）”

首页 › WordPress 开发课程 › 课程介绍与路线图 · EP002

约 7 分钟· #EP002#课程介绍与路线图

🔒 登录后可标记已读

延续 EP001 的路线图，这一讲 Brad 用「已完成的成品网站」（fictional university 网站）带学员逛一圈后台和前台，让大家先看到最终效果长什么样，再决定要不要往下学。同样没有代码，是产品演示型的概览讲座。

本讲无代码

这一讲是对着已经做好的成品网站做功能演示，没有涉及具体文件或代码实现，跳过「涉及文件」「代码实现」「Hook / Function 速查」这几个模板小节。

课程整体流程

本地安装 WordPress，作为自己练习用的私人 playground。
PHP 基础入门——PHP 是 WordPress 核心的驱动语言，但 Brad 强调不需要任何 PHP 基础也能跟着学。
从零开发一个全新主题。
Custom Post Type（自定义文章类型）
- WordPress 不是只有 post 和 page。成品网站的后台侧边栏还有：campuses（校区）、events（活动）、
  programs（专业/项目）、professors（教授）、notes（笔记）、likes（点赞），每个 post type 都有自己专属的字段，
  不是通用的 title + body。
- 例子：教授 "Dr. Barks a lot" 的编辑页，除了标题和正文，还有 page banner subtitle、page banner background image
  （控制这个教授专属页面的背景图），以及 related programs 字段（关联该教授教的专业/科目），
  前台页面会显示对应的 "subjects taught"。
- 例子：campuses 页面顶部导航点进去是一个可交互的 Google 地图，每个图钉对应一个 campus post，
  点击（例如 "Downtown West Campus"）会跳到该校区详情页，往下滚可以看到这个校区有哪些 program。
- 结论：custom post type + custom field 能把不同内容用编程方式关联起来，做出很多有意思的效果。
JavaScript
- 第一个大型 JS 项目：实时搜索（live search）。按键盘 "S" 键（S for Search）或点搜索图标，
  会弹出全屏透明 overlay，光标自动聚焦到搜索框，输入时实时返回结果，并且按内容类型分组显示
  （博客文章/页面、programs、professors、campuses、events）。
- JS 分两部分：
  1. UI 交互——打开/关闭 overlay、响应点击事件。
  2. 和 WordPress 服务器实时通信——把搜索字符串发给服务器，再实时接收返回的数据。
- 这一块底层用的是 WordPress REST API。
用户角色与权限（User Roles and Permissions）
- 不需要给每个协作者 administrator 权限。可以设定某人只能管理 event 这个 post type，
  或者设成 "campus manager" 只能改 campus 相关的内容，也可以混合搭配不同权限
  （比如某人能发博客 + 管理 programs，仅此而已）。
开放注册（Open Registration）
- 访客可以自己注册一个基础账号（不用管理员手动建账号）。
- 登录后的基础账号会解锁两个新功能：
  - My Notes：一个用 REST API 深度实现的迷你单页应用（SPA）。学生上课时可以现场创建笔记
    （比如 "biology note number 5"）、编辑标题、保存、删除，全部实时写入数据库，不需要刷新页面。
  - 点赞教授（Like a Professor）：教授页面上有个心形图标，点击可以 toggle 点赞/取消点赞，
    点赞数实时更新，同样靠 JavaScript + REST API 实现。
部署上线
- 教怎么把网站从本地推到真实的 hosting 环境。
- 如果没有自己的 hosting 账号，课程提供一个 免费 3 个月的教育版 hosting，不需要填信用卡，
  所以三个月后也不会被自动扣费。
- 如果熟悉 Git，Brad 会展示一套 git 自动部署流程（非必需，但推荐）。
课程结尾：几个 extra credit 挑战题。

Brad 提到他的教学理念：希望每完成一个小功能、看到效果跑起来，都是一次「小胜利」，这些小胜利累积起来就是在朝着职业目标前进。

常见坑

原文没有提到具体的踩坑点（这一讲是产品功能演示，无操作步骤）。

延伸 / 后续讲座会用到

Custom Post Type（campuses / events / programs / professors / notes / likes）会在 S07-S10 展开。
实时搜索 + REST API 会在 S13-S16 展开。
用户角色权限会在 S18 展开。
开放注册 + My Notes + 点赞功能会在 S19-S20 展开。
部署上线会在 S21 展开。

Sources

Udemy：

Become a WordPress Developer: Unlocking Power With Code — Section 1, EP002