wordpress - Gatsby + Wordpress 如何创建图片轮播？

Question

我是 JAMstack 的新手，我想知道使用 Gatsby 和 Wordpress 创建图像轮播的最佳方法是什么。

Answer 1

在不知道你在哪里的情况下解释整个过程有点困难。

您目前如何连接 gatsby 和 wordpress cms？您是在使用 graphql 还是从端点/URL 获取 json。

因此，如果您使用的是 wordpress 无头 CMS，我将创建两个模型

• 轮播内容模型（这将采用幻灯片内容条目）
• 幻灯片内容模型（您可以在其中创建图像轮播和描述的条目）

我没用过wordpress cms，只有内容，但原理应该是一样的。

创建模型后，您可以从端点获取。您将需要阅读 wordpress 文档。为了这。

但我建议您改用 GRAPHQL。它有一个 gatsby 插件。https://www.gatsbyjs.org/packages/gatsby-source-wordpress/

这意味着您可以从 wordpress api 中提取所有数据。您可能需要在您创建的 wordpress 帐户中的某处使用访问令牌和 spaceid。

然后，您需要进行图形查询，从 API 获取您需要的数据。

然后将数据插入 JSX

使用 react slick 让您的生活更轻松。 https://www.npmjs.com/package/react-slick

希望这会有所帮助。