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帐户中的某处需要访问令牌和一个空格。

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

然后将数据插入JSX

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

希望这会有所帮助。