Gatsby 团队发布了其 WordPress 源插件 的更新,将其升级为测试版。新版本为 Gatsby 的无头 WordPress 配置带来了新的功能集,该配置将 WPGraphQL 和 WPGatsby 结合在一起,为从 WordPress 中提取数据的 Gatsby 前端提供支持。
如果您之前没有遇到过这些插件,这可能是因为它们仅在 GitHub 上可用,而不是 WordPress 插件目录。
如果您想知道有什么大不了的,那么您将获得一份惊喜,因为这可能是使用 React 与 WordPress 的最直接的途径。WPGraphQL 将 WordPress 变成一个 GraphQL API 服务器,提供一个端点来访问 WordPress 数据。WPGatsby 优化 WordPress 数据以符合 Gatsby 模式。现在,使用最新版本的 gatsby-source-wordpress@v4,不仅 GraphQL 模式与 Gatsby 模式合并,而且 Gatsby Cloud 也被添加进来了。
最后一点才是关键。由于插件能够将数据缓存到 Gatsby 的节点缓存中,因此它引入了一些非常令人印象深刻的功能,这些功能通过 Gatsby Cloud 使内容编写和部署更改变得如此便捷。我将直接从公告中提取功能列表
- 使用 Gatsby 预览在编写时预览内容
- 使用增量构建几乎立即更新或发布新内容,仅在 Gatsby Cloud 上可用
- 内容 HTML 中的链接和图像可以与 gatsby-image 和 gatsby-link 一起使用。这解决了针对原始 WordPress 源插件的常见抱怨。
- 限制在开发过程中获取的节点数量,这样您可以在创建新页面和功能时快速更改站点
- 只有在已发布内容中引用的图像才由 Gatsby 处理,因此大型媒体库不会减慢您的构建速度
- 任何 WPGraphQL 扩展都会自动将其数据提供给您的 Gatsby 项目。这意味着您的站点可以通过单个 Gatsby 源插件利用流行的 WordPress SEO、内容建模、翻译 和 电子商务 插件。
实时预览非常棒。但是,看看增量构建的引入。这意味着在编写内容时不再需要完全重建站点。相反,只推送更新的文件。这意味着构建速度更快,错误更少。
哦,还有,如果您有兴趣将 React 站点与 WordPress 作为 CMS 结合在一起,Ganesh Dahal 今天就在 CSS-Tricks 上开始了 两部分系列,提供了分步指南。