问题标签 [headless-cms]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
275 浏览

axios - 通过 Wordpress API 和 Vue.js 使用无头 CMS 时添加 wp: 特色图像以循环

想知道如何使用 Wordpress RESTful API 将 Wordpress 特色图像实现到多个基于 vue.js/nuxt.js 的无头 CMS 方法。

最初,我按照这个非常有用的教程headless-cms with nuxt并通过 wordpress api 创建了一个无头 CMS,当然也将它应用到了我的用例中(这里是一个实时版本nuxt-headless-cms-webapp的链接。不幸的是,我一直无法弄清楚如何包含一个帖子的特色图片,因为它没有在这个特定的教程中介绍。然后我做了一些研究,最后拼凑了另一个项目(vue.js),我在其中能够实现特色图像。话虽如此,我想要关于在 wp 特色图像方面实现我的工作代码的指导,到原始教程的项目(因为 nuxt 根据我的理解提供了更好的路由和 SEO 选项。谢谢先进的任何帮助!

首先,这是在原始教程(nuxt)项目的 index.js中找到的 axios http 请求语法:

接下来,我们有实现上述逻辑的 index.vue 页面。

这是我的项目的链接,其中包含工作的 wordpress 特色图片!https://indvillage.netlify.app/ 这是与我使用的 axious http 请求相关的逻辑。 问题是,我如何在不破坏内容的情况下将我的 wp 特色图像逻辑包含到初始 nuxt 教程中:

接下来,这里是显示解析信息的 App.vue 模板:

如果有人对从第一个项目/教程(nuxt.js)派生的代码实施 wp:featuredmedia 有任何建议,请告诉我


再次感谢!如有其他问题,请随时通过电子邮件发送

0 投票
2 回答
293 浏览

next.js - 无法从 Strapi API 获取数据到 next.js 前端

我尝试使用strapi 和next.js 来制作博客网站。这是用于前端代码的 next.js

这是 Strapi API Json 数据

这里有什么问题?我试过了,但在这里没有发现错误。但无法将数据提取到前端显示。

0 投票
2 回答
303 浏览

javascript - 测验中的 Strapi 关系

我是 Strapi 的新手,我想使用它的第一个项目是一个测验网络应用程序。我制作了 2 种集合类型:问题和测验。他们有一个“测验有很多问题”的关系。

问题在于,当某人进行新测验时,他必须前往问题集合并提出可以添加到测验中的问题。但是,我希望能够直接在测验集合中添加问题。

有没有办法实现这一点,或者我可以创建自己的反应组件来自己制作,然后以 JSON 格式存储?

0 投票
0 回答
566 浏览

next.js - Storyblok 的实时内容更新在生产环境 Next.js 中不起作用

我正在使用 Next.js (SSG) 和 Storyblok (Headless CMS) 开发 JAMstack 网站,并使用 Storyblok Content Delivery API 从 Storyblok 获取内容。

我创建了具有 Storyblok 配置和 Bridge 功能的 Storyblok 服务。

StoryblokService.js

我正在调用桥接函数并在从 app.js 调用的 layout.js 中获取布局内容。

应用程序.js

Storyblok 桥在 layout.js 中被这样调用

布局.js

问题陈述

使用 Storyblok 进行实时内容更新,即如果我更改 Storyblok 中的一些内容并发布它,那么当我重新加载页面时,Next.js Web 应用程序中的内容也会更新,在开发/本地环境中运行良好,但是生产环境中的相同操作或将 Next.js 代码发布到 Vercel 不起作用。

似乎配置错​​误,或者可能与 Storyblok webhook 或工作流有关。

任何帮助,将不胜感激。提前致谢!

0 投票
0 回答
134 浏览

strapi - 如何在strapi headless cms的另一个嵌套组件中创建嵌套组件?

我创建了菜单组件。在菜单组件中,还有一个组件是子菜单组件,因此它的一个嵌套组件被制作出来。但是我想将此菜单组件导入另一个组件中,该组件是一个标题组件,但在显示错误的带头无头 cms 中。Strapi 只允许一个嵌套组件。他们不允许将一个嵌套组件导入到另一个嵌套组件中。我应该怎么做?如果有任何解决方案,请分享它。

0 投票
3 回答
94 浏览

html - 如何在 HTML 标签中包含元数据

我计划使用无头 CMS 来管理我网站上的内容,因此非技术性内容编辑器将能够独立维护内容。

为了帮助内容编辑器在网站和 CMS 之间映射内容,我需要将 CMS ID 注入 HTML 标签。(认为​​内容编辑器会查看页面源来查找值)

将元数据注入 HTML 标签的标准方法是什么?

例如<p cms-id=7adQpNPZxP4jK28RLp3wES></p>

0 投票
0 回答
16 浏览

php - 在 wordpress 中添加自定义用户角色的发布功能

我正在尝试为新用户设置自定义用户角色。我希望每个注册用户每天只能发布一篇帖子,并且我想显示帖子编辑器屏幕的自定义版本。目前我被用户角色困住了。我添加了正确的功能,但使用测试帐户时,我看不到帖子菜单的声音。

如何从我的函数主题文件中正确设置角色?是否也可以显示一个 acf 自定义字段来替换某些用户角色的标准帖子编辑器?

0 投票
1 回答
1784 浏览

strapi - 从 API(strapi)访问图像 URL - 这可能吗?

我正在为摄影师构建一个简单的作品集网站。我要显示的集合类型称为宠物图片,其中包含标题和图像字段。我可以使用异步函数调用 API,但是一旦我从 API 获得 JSON 数据,我就无法访问照片的 URL。例如,我可以创建一个标题来显示每个宠物图片的标题,但我不能使用标准对象表示法来访问 JSON 数据中的 URL,然后显示图像。这真的不可能吗?我有点失去理智了。

例如,采用如下所示的 JSON 数据数组:

这不起作用:

我得到一个 TypeError: cannot read property 'formats' of undefined。但是,如果我用标题替换照片,并创建一个 h1 并将其文本内容设置为 picture.title,那就可以了。我在这里疯了!如果我遗漏了一些非常明显和令人尴尬的东西,我深表歉意。

0 投票
1 回答
238 浏览

reactjs - 安装代码输入插件后无法在 Sanity CMS 中添加代码块

我正在学习使用 Sanity CMS 和 React 构建博客。我是理智的新手。

我应该能够在我的博客文章中插入代码片段。所以,我已经安装了code-input插件。

根据此处的链接,安装插件后,我必须在我的模式类型中使用以下代码。 在此处输入图像描述 我不知道在哪里插入代码。

请帮忙。

我的文件夹结构如下:

在此处输入图像描述

sanityblog/blockContent.js

sanityblog/schema.js

0 投票
2 回答
60 浏览

javascript - 在单页应用程序中使用 drupal 内容(页眉和页脚)

当前项目是一个用 Vue 开发的单页应用程序。截至目前,内容差不多,static但有些数据可以通过REST APIs.

现在提出的要求是在设计方面保持统一性,在 Drupal 的 SPA 中按原样使用Header&Footer菜单(以及 HTML 和 CSS 结构),该 SPA 为其他应用程序的静态页面提供服务。这两个 Web 应用程序之间没有关联。

我已经阅读了关于无头 CMS 的文章,了解它们如何将内容提供给前端,但由于这是一个 SPA 而不是 SPA Server-side driven,我很想知道如何实现这一点。

当然,通过 REST 公开是一种选择,但它不是一个很好的用户体验。

请让我知道您对如何更好地解决此问题的看法,或者可以考虑的各种选择。

罗宾