你是否正在考虑为你的网站使用 Headless WordPress 方案?
这是一个高级话题,近年来在开发者中越来越流行。很多人声称这是构建现代网站的最佳方式。
然而,对于大多数小型企业来说,采用 Headless 方案往往是大材小用。它会引入复杂的技术难题,并且维护成本高昂。
在本指南中,我们将解释什么是 Headless WordPress,并分享其优缺点,帮助你判断它是否适合你的需求。

什么是 Headless WordPress?
Headless WordPress 指的是任何将 WordPress 作为后端软件来管理数据和内容,但使用其他独立技术来展示前端数据的网站。
后端指的是网站的管理后台区域,你可以在这里创建文章、页面、安装插件、管理评论等。

前端是网站对外可见的部分,用户在浏览器中访问你的网站时看到的内容。

通常 WordPress 在一个强大的软件包中同时处理这两个部分,你可以直接使用任何 WordPress 主题来展示网站。
然而,有些开发者或网站所有者可能有不同需求,他们需要使用其他技术(如 React.js、Angular.js、Faust.js 等)来创建自定义前端。Headless WordPress 允许他们在使用 WordPress 作为更易管理的内容后端的同时,使用这些技术。
Headless WordPress 是如何工作的?
WordPress 自带一个易于使用的管理后台,你可以创建内容并管理网站。它还包含一个模板引擎,通过主题来展示前端。更多细节可参考我们的文章《WordPress 幕后工作原理》。
WordPress 还提供了一个 API,称为 WordPress REST API。这个 API 为开发者提供了一个编程接口,以 JSON 格式访问 WordPress 网站数据。
当构建 Headless WordPress 网站时,开发者使用 REST API 从 WordPress 获取数据,然后在其他前端技术(如 React.js、Angular.js、Faust.js 等)中使用这些数据,创建自定义网站。
Headless WordPress 的优势
在某些特定场景下,Headless WordPress 是有益的。下面我们介绍一些优势:
1. 速度可能比传统 WordPress 更快
许多开发者认为 Headless WordPress 可以构建出更快的网站。通过使用 React.js 等技术分离前端,他们试图提供比大多数 WordPress 主题更高效的代码。然而,根据我们的经验,对于大多数小型企业网站和使用场景,简单的 WordPress 性能优化技术(如缓存)已经能达到与 Headless 方案相当的效果。
2. 将 Headless WordPress 数据集成到其他应用
假设你有一个移动应用,现在想将博客或其他 WordPress 内容集成到该应用中。Headless WordPress 可以帮助你将 WordPress 数据引入其他应用,并使用不同技术创建无缝的用户体验。同样,如果你有一个静态网站,只需要某个特定部分(如博客、评论或在线商店)的动态功能,Headless WordPress 也可以将 WordPress 数据集成到你的静态网站中。
3. 通过 Headless WordPress 多平台发布
Headless WordPress 让你的 WordPress 数据具有可移植性,可以在任何地方使用。你可以将数据用于营销活动、发布到社交媒体平台、在物联网设备(如智能音箱)上使用、为人工智能工具提供数据、连接到虚拟助手等。
4. 相比专有 Headless CMS 更经济实惠
Headless WordPress 比 Contentful 等专有“企业级 CMS”解决方案便宜得多且更强大。那些解决方案可能非常昂贵,每年仅使用权就需要数千美元,还不包括开发成本。
Headless WordPress 的劣势
创建 Headless WordPress 网站也可能带来一些不利因素:
1. 相比传统 WordPress 更昂贵
你需要雇佣开发者来创建自定义前端,这很容易花费数万美元。如果你是开发者,那么你也需要花费大量时间来构建自定义前端。即使使用前端开发框架,也比使用现成的 WordPress 主题并配合服务器/DNS 级别的缓存花费更多时间和精力。
2. 部分 WordPress 插件可能无法使用
插件就像 WordPress 的“应用”,可以添加新功能并扩展网站功能。Headless WordPress 网站可能无法利用某些插件。例如,某些插件的数据可能无法通过 REST API 访问,或者插件功能需要 WordPress 主题才能正常运行。不过,像 AIOSEO 这样的流行插件提供了 REST API 扩展,可以构建 SEO 友好的 Headless WordPress 网站。
3. 维护麻烦
你实际上是在使用两个独立的平台来管理网站的前端和后端,需要分别维护它们。偶尔,任何一方都可能出现问题,你需要依赖开发者来解决,或者自己花时间修复。随着业务增长,额外的复杂性会让事情变得更难。
你应该使用 Headless WordPress 吗?
我们认为,大多数 WordPress 用户并不需要 Headless WordPress 网站。它昂贵、不必要地复杂,不适合绝大多数网站所有者、博客作者、小型企业或在线商店。
例如,如果速度和性能是你主要关心的问题,你现有的 WordPress 网站完全可以轻松超越任何 Headless WordPress 网站。所有顶级 WordPress 缓存插件都提供页面缓存、缓存预加载、对象缓存和 gzip 压缩功能。开启这些功能可以显著提升网站速度,无需雇佣开发者。再结合强大的 CDN 和 Web 应用防火墙(如 Cloudflare 或 Sucuri),你的网站会更快。
查看猫哥的案例研究:我们如何让猫哥网站比 Headless 网站加载更快。
至于集成,有超过 59,000 个 WordPress 插件提供与几乎所有第三方平台的集成。甚至还有像 Uncanny Automator 这样的工具,可以将 WordPress 网站与第三方工具通过 Zapier 集成。如果你需要的集成没有现成的 WordPress 插件,那么你应该考虑雇佣开发者编写一个自定义插件。这成本要低得多,你甚至可以将它作为数字产品出售给其他 WordPress 用户来赚钱。
谁应该使用 Headless WordPress?
我们认为 Headless WordPress 只应在非常特定的场景下使用。首先,你需要评估是否真的需要 Headless CMS。例如,一家公司已经构建了自定义网站或应用,可能需要 WordPress 来提供更易用的内容管理功能,在这种情况下使用 Headless WordPress 是有意义的。其次,你要么有预算雇佣并保留开发者,要么具备维护 Headless CMS 的技能。记住,Headless WordPress CMS 通常用于创建新的自定义应用,或者利用 WordPress 进行更简单的内容创建和管理。
使用 Headless WordPress 时需要注意的重要事项
作为非技术型企业主,有时很难判断你是否真的需要 Headless WordPress。有些 WordPress 开发者或机构会试图向你推销 Headless 网站,你必须清楚自己将面临什么。记住,他们的动机是收取更多费用。如果他们提出 Headless WordPress 的唯一理由是速度或 SEO,你必须问他们:为了优化网站速度,他们已经做了哪些工作?切换到 Headless 会带来多大的提升?如果得不到具体回答,你应该寻求第二意见。你会惊讶地发现,对于绝大多数网站来说,改进微乎其微,但开发和维护 Headless WordPress 网站的成本却高得多。
无论如何,不要让任何人说服你从 WordPress 切换到像 Contentful 这样的方案。你会非常失望。我们听说过很多企业主切换后才发现自己犯了大错,然后又转回 WordPress。
如果你 100% 确信需要 Headless WordPress 网站,那么下面是一个快速的分步指南。
如何创建 Headless WordPress 网站
根据你前端使用的工具,有很多方法可以创建 Headless WordPress 网站。虽然真正的 Headless 设置使用 React 等动态应用来展示内容,需要高级编码技能,但初学者获得 Headless 架构安全性和速度优势的最简单方法是将 WordPress 转换为静态站点。
本教程中,我们将使用 Simply Static 插件来实现。该插件会创建网站的一个独立版本,仅包含 HTML 文件。
首先,你需要创建一个 WordPress 网站,作为你的 Headless CMS。你将使用这个安装作为内容来源(后端)。你可以将其安装在子域名(如 cms.yoursite.com)、受保护的目录,甚至本地安装。
我们推荐使用 Hostinger,他们是速度最快的 WordPress 主机之一,也是官方推荐的提供商。Hostinger 的服务器由 Google Cloud 提供支持,内置许多性能优化工具。点击这里查看推荐。
或者,如果你愿意花更多时间,可以看看 WP Engine 的 Atlas 计划,它专为大型 Headless WordPress 网站设计,面向开发者。Atlas 提供免费沙盒账户、自定义内容建模器、预配置蓝图以加速工作流程,以及与 WPGraphQL 插件的更深集成。
你也可以在本地电脑上创建 WordPress 网站。
之后,开始添加文章和页面。你也可以选择一个 WordPress 主题并进行设计。当网站准备就绪后,安装并激活 Simply Static 插件。更多细节请参考我们的《如何安装 WordPress 插件》分步指南。
激活后,进入 Simply Static » 设置页面配置插件。

从那里,你可以选择在静态文件中使用的 URL 路径。例如,如果你知道将托管静态文件的 URL 或域名,可以在“Absolute URLs”字段中提供。如果不确定,可以使用“Relative URLs”选项。
接下来,切换到“Include/Exclude”选项卡。在这里,你可以添加要包含或排除的额外页面。

你也可以使用正则表达式来排除匹配特定模式的 URL。别忘了点击“保存更改”按钮。
现在,你已经准备好为 Headless 网站生成静态文件。只需进入 Simply Static » 生成页面,点击“生成静态文件”按钮。

插件将开始爬取你的网站,并将静态文件存储在临时文件夹中。根据网站页面数量,可能需要一些时间。完成后,你会看到成功通知,并附带下载文件到电脑的链接(zip 压缩包)。

下载 zip 文件后,解压它。现在你可以将提取的文件上传到你的网站或托管 Headless 网站的服务器。你可以使用 FTP 客户端或主机控制面板中的文件管理器进行连接。上传解压后的静态文件到你的网站。

之后,你可以访问你的静态网站查看效果。注意:要更新静态网站,你需要在 WordPress 中创建新内容,然后重复整个过程,替换为用户提供的静态文件。
请注意,这不是创建静态 WordPress 网站最灵活的方式。当你使用像 WP Engine Atlas 这样的 Headless WordPress 解决方案时,你可以获得更好的开发者工具、起始站点蓝图、操作指南、更智能的生产部署方案等。对于大型网站和企业解决方案,我们建议使用 WP Engine Atlas 以及 WPGraphQL 来释放 Headless WordPress CMS 的全部潜力。
不过,如果你是小企业主,读到某些地方说需要 Headless WordPress 网站来提高 SEO 排名,那这个建议是错误的。你可以通过遵循我们的《如何加速 WordPress》指南来改善网站性能,从而获得类似的结果,而无需 Headless 方案。
关于 Headless WordPress 的常见问题
我们理解 Headless WordPress 的概念可能会引发很多问题。以下是一些常见问题的解答:
1. 传统 WordPress 和 Headless WordPress 的主要区别是什么?
主要区别在于网站如何展示给访客。传统 WordPress 在一个软件包中处理所有内容:内容管理(后端)和网站设计(前端主题)。Headless WordPress 将两者分离,仅使用 WordPress 进行后端内容管理,而前端则完全使用不同的技术构建。
2. Headless WordPress 网站的构建和维护成本更高吗?
是的,显著更高。构建 Headless 网站的自定义前端需要雇佣熟练的开发者,费用非常昂贵。而且你需要维护两个独立的系统(WordPress 后端和自定义前端),这增加了复杂性,如果未来需要修复或更新,还会产生额外成本。
3. Headless WordPress 在速度和 SEO 方面更好吗?
不一定。虽然 Headless 网站可以很快,这对 SEO 有利,但通过优秀的主机、高质量的缓存插件和 CDN,你同样可以在传统 WordPress 网站上实现相似甚至更好的性能,而无需额外的成本和复杂性。另外,请注意,某些 SEO 插件的功能在没有传统主题的情况下可能无法正常工作。
4. 我还能在 Headless 设置中使用我喜欢的 WordPress 插件吗?
取决于插件。许多插件,尤其是那些为网站前端添加功能的插件(如表单构建器、页面构建器),可能无法正常工作,因为它们依赖于 WordPress 主题系统。虽然一些流行插件提供 REST API 支持以用于 Headless,但你可能会失去很大一部分 WordPress 插件生态系统的功能,而这正是 WordPress 强大的原因。
5. 那么,我应该在什么时候考虑使用 Headless WordPress?
只有在非常特定的情况下才应考虑。例如,如果你有一个现有的移动应用,并希望将博客内容引入其中;或者你需要将 WordPress 内容同时发送到多个不同的平台和设备。对于绝大多数小型企业、博客和在线商店来说,传统 WordPress 设置更加实用、经济且易于管理。
额外资源
现在你了解了 Headless WordPress,你可能还想学习更多关于优化网站性能和安全的技巧。以下是一些推荐的文章:
- 终极 WordPress 速度与性能优化指南
- WordPress 与静态 HTML – 哪个更适合你的企业网站?
- 终极 WordPress 安全指南(分步教程)
- 最快的 WordPress 主机(性能测试)
- 如何选择最佳 WordPress 插件(分步教程)
如果你喜欢这篇文章,请订阅我们的 YouTube 频道获取 WordPress 视频教程。你也可以在 Twitter 和 Facebook 上找到我们。
