EP175. “Block Theme 与 Full Site Editing 导论”
🔒 登录后可标记已读📌 并入 EP174 的提醒：这一章接下来会用作者自己设计的一套「样板代码」来搭建 Block Theme（因为在录这门课的时候，官方对「怎么写多个自定义 Block」这件事还没有很成熟的标准做法，每个开发者只能自己发明一套 boilerplate、自己处理 JS/PHP 之间的资源加载配合）。但作者提前说明：本章结束后紧接的下一章「Keeping Blocks Organized」会把这里搭的 Block Theme 转换成 2024 年官方推荐的最新做法（block.json、render.php、Interactivity API 等），下一章的 EP212 还会专门讲一段「为什么过去开发者们各自发明轮子」以及「为什么 2024 年的开发体验有了质的提升」的历史背景。
这一章的开篇，用「先看成品演示、后讲技术原理」的方式介绍 Full Site Editing（全站编辑） 和 Block Theme（区块主题） 是什么。用作者提前搭好的一份 Fictional University Block Theme 演示：不用碰代码，直接在 WordPress 后台的「外观 → 编辑器」里点击就能改首页文案、拖动调整区块顺序（比如把幻灯片挪到活动列表上方）、改按钮颜色和尺寸；如果改乱了还能「清除自定义项」一键恢复成模板文件里写的原始版本；单篇博文模板也能直接在编辑器里插入新 Block（比如在页尾前插入一个幻灯片）；甚至可以给某个页面单独选一个「空白画布」模板，完全不要页头页尾，自由拼装任意 Block 组成一个独立的落地页。这一讲不写代码，纯粹建立「这东西能做什么、为什么好用」的直觉，下一讲才开始真正动手搭建。
涉及文件
本讲不写代码，使用的是作者提前搭建好的演示环境（Block Theme 版本的 Fictional University 主题），仅供观察对比。
核心概念
- Full Site Editing（全站编辑，简称 FSE）：跟传统主题相比，最大的区别是「以前需要改 PHP 模板文件才能调整的内容（首页排版、单篇文章模板结构等），现在可以直接在 WordPress 后台的可视化编辑器里点击/拖拽调整」，不用碰代码编辑器
- 主要能力演示：
- 「外观 → 编辑器」默认打开首页模板，可以直接点击修改文案、调整按钮大小/颜色，保存后前台立刻生效
- 区块可以在编辑器里直接拖动调整顺序（比如把「幻灯片」区块从「近期活动」下方移到上方）
- 「模板」列表里能看到哪些模板被自定义过（图标会变色提示），可以选择「清除自定义项」一键还原成模板文件里的原始版本——这是 FSE 的一个重要保底机制，编辑器里的改动不会真的把源文件覆盖掉，可以随时恢复
- 单篇文章模板（single）也能在编辑器里直接插入新 Block（比如在页脚前插入一个跟首页视觉风格一致的幻灯片 Block），不需要碰
single.php - 新建页面时可以选择完全空白的模板（演示里叫「Brad's blank canvas」，命名不重要，效果是没有页头/页脚），然后自由拼装任意 Block（背景图 Banner、按钮、近期活动列表等）组成一个独立的落地页——这是传统主题很难做到的灵活度
- 为什么值得关注：这些原本只能在 PHP 模板文件里手写的排版决定，现在可以交给不太懂代码的网站所有者/客户自己在后台完成，同时又保留了「随时能用源文件恢复」的安全网
[截图：WordPress 后台"外观 → 编辑器"打开首页模板，可视化拖拽调整区块顺序（比如把幻灯片移到近期活动上方）的界面]
延伸 / 后续讲座会用到
下一讲开始真正从零动手搭建这个 Block Theme，回答「Block Theme 具体由哪些文件构成、代码层面怎么运作」这个技术问题。
Sources
Udemy：
- Become a WordPress Developer: Unlocking Power With Code — Section 28, EP174, EP175