Gatsby + Wordpress 如何制作图片轮播？

Question

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

Answer 1

在不知道自己处于什么位置的情况下解释整个过程有点困难。

您目前如何连接 gatsby 和 wordpress cms？您是在使用 graphql 还是正在从 endpoint/URL.

中获取 json

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

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

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

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

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

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

然后您需要进行图表查询，从 API.

中获取您需要的数据

然后将数据插入 JSX

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

希望对您有所帮助。