在过去的几年里，互联网上有很多关于无头 WordPress 的讨论，这是无头商务趋势的一个子主题。 对许多人来说，想一想可能是一个困难的概念（没有双关语）。

虽然 WordPress 的模板和插件为用户提供了大量的选择，但这种设置因比某些用户想要的更加严格而受到批评。 作为替代方案，我们将看看 Headless WordPress 与传统 WordPress 的比较，以及它如何使您的开发更加灵活。

您会注意到，两者之间最明显的区别是它们的复杂性。 在大多数情况下，WordPress 只需要很少的编码经验。 相反，要充分利用无头 WordPress，您需要了解大量编程语言和框架。

如果您不熟悉 HTML、CSS 或 JavaScript 等编程和标记语言，您可能会发现聘请专业开发人员更值得。 如果您计划构建功能强大的小程序和 Web 服务，您可能需要在多范式编程语言（如 C# 和核心 Java）方面经验丰富的人。

既然我们已经列出了您的选择，让我们深入了解无头 WordPress 与传统 WordPress 的区别。

传统的 WordPress

传统的 WordPress 使用 PHP 来生成您网站的前端。 它通过根据您输入到 WordPress 界面的主题和内容动态生成可视化 HTML 组件来实现这一点。

所有这些都成为您网站的前端和后端。 虽然 PHP 快速且可靠，但它限制了您的选择。 如果您想为您的网站使用不同的脚本语言或框架来构建网站的前端怎么办？ 这就是无头 WordPress 的用武之地。

Headless WordPress 有何不同

Headless WordPress 将前端开发从 WordPress 手中夺走了。 换句话说，您不仅限于使用 WordPress 的 PHP 实现来构建网站的前端。 您仍然可以使用 WordPress 仪表板，但您可以委托它仅生成后端。

然后，您可以使用不同的框架来构建网站的用户界面。 这就是为什么它被称为“无头”的原因，因为您仍在为您的网站使用 WordPress 的“主体”，但您为它的“面部”使用了不同的工具。 因此，您只是将 WordPress 的仪表板用于数据，而不是美学。

Headless WordPress 提供了一个更通用的内容管理系统 (CMS)。 它还为用户提供了更多的 Web 开发选择。 例如，您可以实现基于 JavaScript 的框架，例如 Angular、Vue 或 REACT。 或者，您可以选择实现不同的 PHP 框架，例如 Laravel、CodeIgniter 或 Symfony。

您将这些工具用于前端，然后使用 WordPress 的 REST 应用程序编程接口 (API) 获取数据。 通常，当我们使用无头 WordPress 时，前端和后端将位于不同的服务器上。 WordPress 的 REST API 促进了这些服务器之间的通信——即头部和身体之间的通信。

这使您无需编写和托管自己的后端。 当然，您可以花钱请开发商为您做这件事，但在大多数情况下，费用会更高。 您可以期望向后端开发人员支付至少每小时 60 美元的费用，这对于大型项目来说可能是昂贵的。 使用 WordPress 的仪表板可为您提供更多控制权，新手和有经验的开发人员都可以使用它。

每个开发环境都不同，因此有不同的配置要求。 在大多数情况下，您需要创建 WordPress 网站的新实例并连接框架的 IDE 上的数据库。 然后您需要从仪表板配置 WordPress API。

幸运的是，大多数框架都为您提供了帮助您入门的教程。 一些最流行的前端框架选择包括：

• 反应
• 角
• Vue.js
• Ember.js
• jQuery
• 语义用户界面
• 基础

传统与无头的比较

那么无头与传统的 WordPress 相比如何？ 为了更容易理解，让我们讨论每种方法的优缺点：

传统WordPress的优势

多种开箱即用的解决方案：如果您决定坚持使用传统的 WordPress，您可以访问整个 WordPress 生态系统。 这包括所有可用的插件、简码、滑块、图库和主题。 它们都经过充分测试和保证。

快速发展：传统的WordPress易于使用。 它的所有可视组件都通过类似向导的界面提供给您。 此外，还有大量资源可帮助您充分利用传统 WordPress。 您也不必从头开始构建自己的主题。 您可以购买它们或使用 WordPress 的一长串免费主题。 这些元素使您可以快速开发视觉丰富的网站。

所见即所得的体验：使用 WordPress 可视化编辑器，您可以准确地实时查看您的网站的外观。 此外，您决定购买 Elementor 或 WP Bakery 等附加组件来可视化您的设计。

传统WordPress的缺点

仅限于 WordPress 的机制：虽然 WordPress 为您提供了令人印象深刻的工具箱，但如果使用不当，它可能会受到限制。 例如，几乎不可能创建更动态的项目，例如渐进式 Web 应用程序。

无头 WordPress 的优势

区隔化：无头 WordPress 的主要优点是它允许您将 WordPress 用作后端，将第三方解决方案用作前端。 它们可以独立工作，但可以相互集成。 如果出现任何问题，则可以更轻松地对出现故障的组件进行故障排除。

多功能性：无头 WordPress 为您提供了更多样的工具来创建更多功能的网站和应用程序。 例如，您可以为快速静态网页实现 Gatsby 等框架。 此外，您可以使用第三方集成开发环境 (IDE) 来构建更专业的 Web 应用程序。

更精细的控制：无头 WordPress 使您可以更好地控制项目的演示文稿。 它为您提供了更多的前端定制，因为您有更多的布局和组件定位选项。

更多内容发布选项：无头 WordPress 支持跨平台发布，这意味着您不仅限于 Web 应用程序。 例如，您可以使用 WordPress API 创建桌面和/或手机应用程序。

无头 WordPress 的缺点

不太人性化：传统 WordPress 的主要优势是它的易用性。 您可以将您的 WordPress 项目移交给另一个内容开发人员或客户，他们很容易理解它是如何工作的。 但是，无头 WordPress 项目可能更难合作（尤其是对于非开发人员）。 在前端框架和 WordPress 后端之间工作通常需要时间和精力，特别是如果您必须研究 Angular 和 React 等框架。 如果您打算使用无头 WordPress，最好记录您的开发过程。

更贵：实施无头 WordPress 可能比使用传统 WordPress 的成本更高。 您通常需要为前端 API/框架、开发环境和 WordPress 的仪表板/API 付费。

无头 WordPress 解决方案

现在我们了解了无头 WordPress 是什么，让我们探索一下您有哪些可用的工具。 下面的选项将包含框架和插件。 这些工具应该会让你的无头 WordPress 开发体验更加顺畅。 在我们开始之前，重要的是要注意每个开发环境都是不同的，因此每个开发环境都需要自己独特的一组配置。

无头 WordPress 的最佳框架

最后，您的无头 WordPress 项目的成功将取决于您用于构建前端的框架。 每个框架在功能和可访问性方面都不同。 您会注意到我们在上述指南中简要提到了其中的一些。 再说一次，如果您打算自己做所有事情，就不会陷入困境。 每个框架都为您提供了一包教程。 此外，如果您遇到困难，您可以访问他们蓬勃发展的在线社区。

• React JS：React 是 Meta (FKA Facebook) 的开源前端 JavaScript 库。 它允许您构建视觉丰富的交互式用户界面。 由于它与 Meta 的联系，它目前非常受欢迎。
• AngularJS：Angular JS 是一个开源 JavaScript 框架，主要用于创建单页 Web 应用程序。 它是 React 的绝佳替代品。 谷歌目前维护它。
• Vue.js：Vue.js 是一个用于构建用户界面的开源 JavaScript 框架。 Vue.js 与其他框架的区别在于它的模型-视图-模型 (MVVM) 架构和强大的模板。
• Gatsby JS：Gatsby 是一个静态网页和站点生成器。 Gatsby 不同于传统的框架和方法，因为它构建不需要数据源的站点。 这使得这些网页加载速度更快。 但是，您在 WordPress 之类的 CMS 之上构建 Gatsby。
• jQuery：如果不提及 jQuery，就无法编译 JavaScript 框架和库的列表。 它自 2006 年以来一直存在，最初旨在使 JavaScript Web 开发更易于理解。 目前，它仍然是市场上使用率最高的 JavaScript 库。 对于无头 WordPress 开发，您只需要它的 UI 库。
• 基础：CSS 已经走过了漫长的道路。 现在，您可以构建一个主要由 CSS 和 HTML 构成的整个网页。 基金会根据这一原则运作。 它提供了模板和网格来帮助您创建基于 HTML 和 CSS 的前端。 此外，如果您需要，它还带有 JavaScript 扩展。
• Faust.JS：Faust 是一个 Javascript 框架，专门用于帮助用户为无头 WordPress 构建前端 GUI。 它建立在 Next.JS 之上，并使用 GraphQL 来检索数据。 使用 Faust，您可以静态呈现站点 (SSR) 或在服务器端 (SSG) 生成站点。

无头 WordPress 开发的最佳插件

选择正确的框架很重要。 但再次强调，无头 WordPress 开发并非易事。 但是，您可以通过添加一两个插件来让事情变得更轻松，从而让事情变得更轻松。 这里有一些最好的。

• WP Gatsby：当您使用 Gatsby JS 框架时，WP Gatsby 使您能够使用 WordPress 作为数据源。 它可以更轻松地将无头 WordPress 连接到 Gatsby。
• WPGraphQL：WPGraphQL 是 WordPress 的 Rest API 实现的替代方案。 它本质上允许您的前端 GUI 通过一组查询或命令与 WordPress 的后端进行通信。
• Headless CMS：扩展 WordPress 内置无头 API 功能的插件。 它添加了自定义 Rest API 端点、小部件的额外自定义、类别的图像上传等。它可以与 WooCommerce 和 Gatsby 一起使用。
• FaustWP：一个与 Faust.JS 框架结合使用的插件。 这包括无头迁移和促进 WordPress 后端和前端之间的通信。
• Headless WP：Headless WP 插件的 miniOrange 替代品。 它使过渡到无头 WordPress 变得更加容易。 您可以毫不费力地禁用 WordPress 前端并从任何 WP 表或 API 端点检索数据。

WordPress 是一个了不起的 CMS，所以它拥有如此大的市场份额也就不足为奇了。 不过，有时，您只需要更多的灵活性。 虽然无头 WordPress 提供了更多的灵活性和可扩展性，但对于简单的项目来说可能有点过头了。 因此，在您开始四处寻找框架之前，请确保您已经彻底研究了所有可用的插件。 当您确定已达到 WordPress 的限制时，您应该考虑走无头路线。