什么是无头 WordPress 以及如何使用它

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

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

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

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

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

传统的WordPress

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

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

HeadlessWordPress有何不同

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

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

无头WordPress的用途更广内容管理系统（内容管理系统）。它还为用户提供了更多的Web开发选择。例如，您可以实现基于JavaScript的框架，例如Angular、Vue或REACT。或者，您可以选择实现不同的PHP框架，例如Laravel、CodeIgniter或Symfony。

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

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

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

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

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

传统与无头的比较

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

传统WordPress的优势

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

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

所见即所得的体验：随着WordPress可视化编辑器，您可以准确地实时查看您的网站的外观。此外，您决定购买附加组件，例如元素或者WP面包店可视化您的设计。

传统WordPress的缺点

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

无头WordPress的优势

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

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

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

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

无头WordPress的缺点

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

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

无头WordPress解决方案

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

无头WordPress的最佳框架

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

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

无头WordPress开发的最佳插件

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

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

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