什么是WordPress全站编辑(FSE)?
全站编辑(Full Site Editing, FSE)是WordPress的一项功能,允许用户直接从WordPress仪表板使用WordPress区块编辑器编辑网站的所有部分——包括页眉、页脚、模板、侧边栏和其他所有部分。无需访问代码编辑器或手动编辑PHP文件。这种功能民主化了网站设计,使没有编程知识的用户也能进行编辑。
自WordPress 5.9以来,FSE已经正式推出,同时还引入了一种新的主题类别——区块主题(Block Theme),完全使用区块设计。FSE在随后的每个WordPress版本中都在不断发展——版本6.0、6.1、6.2、6.3和6.4都添加了新的FSE功能。
FSE代表了WordPress主题定制的革命:曾经需要编辑PHP模板文件的工作,现在可以通过在WordPress管理面板中拖放区块来完成,完全免费且无需编程知识。
FSE要求——区块主题
全站编辑功能最好专门与区块主题一起使用——完全从区块而非传统PHP模板构建的WordPress主题。
区块主题 vs 经典主题
- 区块主题:由JSON + 区块构建 → 完整FSE支持 → 示例:Twenty Twenty-Two、Twenty Twenty-Three、Twenty Twenty-Four
- 经典主题:由PHP模板文件构建 → FSE不起作用 → 必须切换主题才能使用FSE
在使用FSE之前,请验证您当前的主题是否是区块主题。如果您使用的是经典主题,则必须首先切换到区块主题,或者如果开发仍在进行中,等待您当前的主题发布区块主题版本。
如何在WordPress中启用FSE
启用FSE非常简单。您的WordPress网站只需要使用区块主题并运行WordPress 5.9或更高版本。
启用FSE的步骤
- 将WordPress更新到最新版本:进入WordPress后台→更新,并更新WordPress核心、所有插件和所有主题。
- 切换到区块主题:进入外观→主题,找到区块主题(查找"全站编辑"或"区块主题"标签)。安装并激活它。
- 访问站点编辑器:激活区块主题后,进入外观→编辑器(或外观→编辑站点)。这就是WordPress站点编辑器。
- 开始编辑:在站点编辑器中,您现在可以编辑整个网站的模板、页眉、页脚和样式。
重要提示:使用FSE不需要特殊插件。它是WordPress核心的内置功能。只需使用区块主题,您就可以立即开始使用FSE。
站点编辑器——FSE的核心
站点编辑器是使全站编辑成为可能的界面。这是您编辑模板、全局样式、模式和所有其他网站范围元素的地方。
站点编辑器的关键组件
- 画布/预览区域:在您进行更改时显示网站的实时预览。
- 区块侧边栏:显示您可以拖入设计的可用区块。
- 工具栏:用于选择模板、字体、颜色和其他设置的顶部工具栏。
- 全局样式面板:在一个地方编辑整个网站的颜色、排版和布局。
- 导航模式:选择您想编辑的模板或页面。
模板编辑器——编辑网站模板
模板编辑器允许您自定义构成网站结构基础的模板——例如单篇文章模板、页面模板和存档模板。
区块主题的基本模板
- index.html:在整个网站中使用的主要后备模板。
- home.html:博客/首页的模板。
- single.html:显示单个文章的模板。
- page.html:显示静态页面的模板。
- archive.html:存档和分类页面的模板。
- search.html:搜索结果的模板。
- 404.html:404错误页面的模板。
编辑模板时,更改会应用于使用该模板的所有页面。例如,编辑single.html会改变整个网站上所有文章的布局。
全局样式——统一控制颜色和排版
全局样式是一项功能,允许您从一个中央位置为整个网站定义颜色、排版、间距和其他视觉属性。
全局样式的组件
- 调色板:设置主要颜色、辅助颜色、按钮颜色、链接颜色。
- 排版:为标题、正文和其他文本元素定义字体。
- 间距:控制区块的边距和填充。
- 圆角:设置框和按钮的角度圆弧。
- 阴影:为元素添加投影。
全局样式的好处:在全局样式中更改颜色时,该颜色会在整个网站中即时更新。无需手动编辑单个区块。
样式书——网站组件的可视参考
样式书(或模式浏览器)显示您网站的可用模板、区块模式和可复用组件的示例——例如英雄部分、卡片和按钮样式。
样式书的好处
- 查看每个可用区块的示例。
- 将任何模式直接拖入您的页面。
- 参考组件样式以保持一致性。
- 在一个地方管理所有可复用区块。
同步模式——一起更新的模式
同步模式是FSE最强大的功能之一。创建同步模式时,该模式的每个副本都会同时更新。编辑一个实例,所有副本都会改变。
同步模式 vs 可复用区块
- 同步模式:所有副本一起更新 → 非常适合页眉、页脚、作者框
- 可复用区块:每个副本可以独立编辑 → 非常适合需要变化的组件
经典主题 vs 区块主题——对用户的影响
经典主题和区块主题之间的差异显著影响您定制网站设计的方式。
| 功能 | 经典主题 | 区块主题 |
|---|---|---|
| 构建自 | PHP模板文件 | JSON + 区块 |
| FSE支持 | ✗ | ✓ |
| 定制器 | ✓ | 有限 |
| 编辑模板 | 需要代码 | 可视编辑器 |
| 全局样式 | ✗ | ✓ |
| 学习曲线 | 需要PHP | 简单——可视 |
| 定制深度 | 非常深 | 深+可视 |
2026年受欢迎的区块主题
WordPress提供多个免费区块主题,从官方WordPress版本到社区创建的主题。
推荐的区块主题
- Twenty Twenty-Five(最新):官方WordPress 2025主题——随WordPress 6.7发布,是最新的官方区块主题。
- Twenty Twenty-Four(2024):官方WordPress 2024主题——开箱即用的完整FSE支持。
- Twenty Twenty-Three:官方WordPress 2023主题——经典FSE区块主题。
- Twenty Twenty-Two:第一个具有完整FSE支持的官方主题(WordPress 5.9)。
- Ollie:免费区块主题,非常适合博客。
- Seedlet:免费官方WordPress区块主题示例。
何时应该使用FSE?
FSE不是每个项目的正确选择。仔细考虑您的用例。
何时使用FSE:
- 您想编辑您的设计而不接触代码。
- 您具有WordPress知识,但没有编程技能。
- 您的网站是博客、作品集或小型企业网站。
- 您需要快速和可视化地定制您的主题。
- 您更喜欢基于区块的可视编辑。
何时避免FSE:
- 您需要深层的、复杂的定制。
- 您有需要经典主题的遗留插件。
- 您需要完整的PHP编码控制力。
- 您的网站有许多复杂的自定义文章类型。