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

在过去的几年里,互联网上有很多关于无头 WordPress 的讨论,这是无头商务趋势的一个子话题。 对许多人来说,绕开你的脑袋可能是一个很难的概念(不是双关语)。

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

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

如果您不熟悉 HTML、CSS 或 JavaScript 等编程和标记语言,您可能会发现聘请专业开发人员更值得。 如果您计划构建功能强大的小程序和 Web 服务,您可能需要具有多范式编程语言(如 C# 和硬核 Java)经验的人。

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

传统的 WordPress

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

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

无头 WordPress 有何不同

无头 WordPress

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

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

无头 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
  • 语义用户界面
  • 基础

传统与无头的比较

那么 headless 与传统的 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 后端之间工作通常需要时间和精力,特别是如果您必须研究像这样的框架 角度和反应. 如果您要使用无头 WordPress,最好记录您的开发过程。

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

  哪个社交媒体网络适合您?

无头 WordPress 解决方案

无头 WordPress 解决方案

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

无头 WordPress 的最佳框架

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

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

无头 WordPress 开发的最佳插件

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

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

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

类似文章