如何使用 WordPress 作为 HeadLess CMS

Nkenganyi Clovis WordPress Tutorials Sep 25, 2024

您是否曾觉得WordPress阻碍了您的发展?您想在网站上做更多事情,但却被困在相同的旧主题、插件和限制中?您并不孤单。许多 WordPress 开发人员和所有者都有同样的感受。他们喜欢 WordPress,但他们也想探索新的可能性。

这就是为什么您应该考虑使用 WordPress 作为无头 CMS。

无头 CMS 是一种使用 WordPress 作为后端来管理内容,并使用不同的前端来显示内容的方式。它为您提供了更大的灵活性、性能和安全性。它让您可以充分利用两全其美的优势。

在本指南中,我们将逐步向您介绍如何使用 WordPress 作为无头 CMS 的各种方法。您将了解什么是无头 CMS、为什么要使用它以及如何使用 WordPress 设置它。

创建令人惊叹的网站

使用最好的免费页面构建器 Elementor

现在开始

奖励:您还将获得一些技巧和最佳实践,让您的无头 WordPress 网站变得更棒。

准备好了吗?让我们开始吧。

什么是无头 CMS?

传统的内容管理系统,例如 WordPress,通常由两个紧密相连的主要组件组成。

  • 前端:这是访问者查看的网站部分。
  • 后端:您可以在这里调整网站的外观、内容、设置等。

然而,Headless CMS 将这两个部分分离,只留下后端。前端与后端的分离被证明是有益的,因为:

  • 两端均可独立处理。
  • 前端与后端之间没有依赖关系。
  • 一端的任何改变都不会影响另一端的核心功能。

主题系统是典型的 CMS 所用,它是一种数据库驱动的结构,专门用于在 Web 浏览器中显示数据。使用此方法时,您必须遵循指南并使用特定的编程语言。

相比之下,无头内容管理系统 (CMS) 由 API 提供支持,并允许您使用您选择的任何前端技术同时将内容发布到多个渠道。

无头 CMS 本质上删除了平台的前端,只留下后端和操作所需的 API。

无头 WordPress CMS

由于 WordPress 将前端和后端紧密联系在一起,因此它通常被称为“单片”内容管理系统。

当访问者访问您的网站时, PHP用于从数据库检索数据并将其动态显示在用户的浏览器中。数据存储在MySQL数据库中。

WordPress 的动态功能可能占用大量资源,特别是当您希望同时将材料发布到多个渠道并且您的网站流量很大时。在这种情况下,无头/静态/无服务器 WordPress 方法很有用。默认情况下,WordPress 不是无头内容管理系统 (CMS);但是,您可以使用附带的REST API使其成为一个。随之而来的是众多好处。

当您使用静态 WordPress 时,您只需发布一次材料;WordPress REST API 将负责在各种媒体上一致地发布它。

翻译材料的一种方法是使用 Headless WordPress 作为层,然后将翻译后的文本推送到各种 CMS。

尽管您仍然可以使用 WordPress 后端进行发布,但您可以使用 REST API 选择您喜欢的前端设计框架。它可能是完全不同的东西,例如GatsbyReactJSVueJSAngular

如何将 WordPress 用作无头 CMS?

如果您希望将 WordPress 用作 Headless CMS,可以尝试一些好的方法:

1. DIY 方法

您需要以下三个项目来手动将 WordPress 设置为无头 CMS:

  • 全新安装 WordPress
  • 重定向到静态网站的空白主题
  • 从 WP REST API 端点获取数据

最后阶段是将动态 WordPress 网站转换为静态 HTML,并使用各种 JavaScript 框架显示来自 Headless WordPress 的内容:

ReactJSAngularJSVueJSGatsbyJSNext.js。

如果您想充分利用静态 WordPress 设置所提供的潜力,您可能需要构建自定义内容字段。

在这种情况下,使用高级自定义字段 (ACF)插件是最好的做法。

但请注意,您可能还需要利用ACF 到 REST API 当您通过 RESTful API 调用自定义字段时,插件可以正确构造 API 调用。

2. 静态 WordPress 托管服务提供商

另一种选择是与 WordPress 静态托管提供商签约并让它为您完成所有繁重的工作。

以下是一些您可以选择的最佳静态 WordPress 主机:

ShifterHardyPressStratticPagely

选择此路径的另一个好处是您可以继续正常使用 WordPress 仪表板。

3. Headless WordPress 插件

与所有与 WordPress 相关的内容一样,可以通过使用插件将常规的新 WordPress 安装转变为无头内容管理系统 (CMS)。

但请注意,可用于此任务的插件并不多,而且可用的插件也没有收到任何评论或有很多活跃的安装。这是因为 Headless WordPress 仍未得到广泛使用。

构建无头 WordPress 网站的最佳 3 个插件是:

一、无头模式

当有人尝试访问您的网站时,此插件会自动重定向他们。要创建或更新帖子,请使用标准帖子编辑器。只有通过 WordPress GraphQL API 和 REST API 发出的请求才会得到满足。

二)WP Headless

使用WP Headless ,您可以通过删除前端将 WordPress 安装转换为 Headless CMS。启用后,帖子永久链接将直接在帖子编辑器中打开,让用户和贡献者可以照常继续制作材料。

由于此插件的存在,前端已不复存在,您可以使用 API 将内容推送到其他应用程序或在其他平台上提供服务,如 Facebook、Medium、技术屏幕等。这使得主题变得不再必要。

三)WP Headless CMS 框架

借助WP Headless CMS Framework插件,您可以将 WordPress 安装配置为无头内容管理系统。借助该插件的各种设置,您可以按照自己的需要精确配置 WordPress。

框架选项包括:

  • JSON Web Token 身份验证
  • 将 Gutenberg 块数据添加到 REST 响应的能力
  • 你可以使用 nonce 保护 REST 请求
  • 允许您清理 REST 响应对象
  • 删除非必需 REST 端点的能力
  • 最后,它禁用前端

一旦启用所需的功能,您就可以将 WordPress 用作带有 React、React Native、Angular 和 iOS 或 Android 原生项目的无头 CMS。

使用无头 WordPress 的好处

使用 WordPress 作为无头 CMS 可以为企业、开发者、网站所有者和最终用户带来多种好处,包括:

1. 多渠道内容发布

能够同时自动在多个渠道发布您的材料是使用无头架构的最大优势之一。

静态 WordPress 是一个单一的内容管理系统,因此您不必担心针对每个平台以不同的方式格式化您的资料。相反,您所要做的就是发布一次信息,Headless Architecture 会处理其余的事情。

2. 更轻量、更简单的重新设计

当你变得没有头时,你会损失很多。系统中只剩下内容数据库和 API 调用,你可以快速、轻松、高响应度地提供内容。

3. 超快性能

无头架构真正有用的另一个领域是网站速度。

无头方法摆脱了所有多余的东西,特别是可能导致网站加载速度变慢的前端内容。

即使您在静态网站上发布内容,Headless WordPress 也允许您的 WordPress 网站快速加载,因为它只需要内容数据库和 API 请求。

4. 更好的控制

从开发角度来看,当您解耦 WordPress 时,您几乎拥有无限的控制权。前端开发人员可以创造性地使用 JavaScript 来创造“超越模板”的体验。

5. 加强安全保障

无头的 WordPress 是一种安全的方法!

说实话,Headless 的 WordPress 安全方法比任何插件或安全机制都要安全得多。

通过将前端和后端分开,黑客将更难访问或滥用您的资料,因为它不是前端的一部分。

6.更好的可扩展性

由于其可扩展性,许多企业都采用静态 WordPress 方法。

由于内容是通过 API 调用发送的,因此您可以快速扩展规模,而不会让您的用户遇到任何重大停机时间。

您现在是 API 优先,因此您可以快速与几乎任何其他技术进行交互,以满足不断变化的业务需求,同时还允许您的内容数据库进行开发。

Headless WordPress 的潜在缺点

  1. 没有所见即所得 (WYSIWYG) 编辑器
  2. 更复杂的编程
  3. 维护更加困难

使用 Headless WordPress 的一些技巧和最佳实践

  • 选择最适合您项目的前端技术。任何能够从 API 中提取数据的 Web 开发工具都可以使用,静态站点生成器(例如 Gatsby、Next 或 Nuxt)或 JavaScript 框架(例如 React、Angular 或 Vue)也可以使用。考虑功能、性能、学习曲线和 WordPress 兼容性。
  • 要将前端连接到 WordPress 后端,请使用插件或自定义解决方案。要分别通过 GraphQL 或 REST API 公开 WordPress 数据,您可以使用插件(例如 WPGraphQL 或 WP REST API Controller)。或者,您可以使用 WordPress 钩子和函数来创建自定义端点。
  • 让您的 WordPress 后端支持无头模式。您可以禁用额外的插件和功能,使用不产生任何前端内容的空白主题,并根据您的要求自定义 API 设置和永久链接。
  • 保护您的 API 和 WordPress 网站。为了防止恶意攻击和未经授权访问您的 WordPress 网站和 API,您可以采用 HTTPS、身份验证和授权技术。为了监视和审核您网站的安全性和活动,您还可以使用 Sucuri Security 或 WP Security Audit Log 等插件。
  • 观察并增强网站的功能。可以使用 Google PageSpeed Insights、GTmetrix 和 Pingdom 等工具来评估网站的功能和速度。为了加快网站加载速度并节省带宽,您还可以使用缓存、压缩和 CDN 服务。

实时无头 WordPress 示例

结论

如果您想要生成不特定于平台的内容,或者想要提高网站的效率,使用 WordPress 作为 Headless CMS 会很有帮助。这是一种将前端与后端分离的技术,因此发布和内容管理选择更加灵活。

您可以将 WordPress 用作无头 CMS,特别是如果您的公司雇用开发人员,因为 WordPress 核心带有REST API 。此方法可用于同时将您的信息发布到多个渠道或加快您网站的加载速度。

但必须注意的是,Headless WordPress 并不适合每个项目,特别是如果你正在开发一个非技术人员会使用的网站。此外,Headless 方法不适用于简单的宣传册式网站,因为它更像是一种过度杀伤,而不是一种性能增强的解决方案。

使用本文中的提示来帮助您决定 Headless WordPress 是否适合您的项目。

Divi WordPress Theme