小编ebo*_*ina的帖子

带有反应的无头 WordPress - 后端和前端古腾堡的样式

我想构建一个无头 WordPress + React 网站。

我设法做“非古腾堡”的东西(页眉、页脚等)并且一切正常。

我的问题是帖子内容。我可以在 JSON 中获得它的 html 样式。如果我在 React 中编写样式,那么它在前端看起来还可以。

但是我应该把我的古腾堡 css 放在哪里,以便它可以在古腾堡编辑器的后端和前端工作?

我的 json 示例:

"content": {
"rendered": "\n<p class=\"has-text-color has-accent-color\">Some Random lorem ipsum in a paragraph</p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img src=\"http://bw.dev.local/wp-content/uploads/2020/05/Toronto.jpg\" alt=\"\" class=\"wp-image-13\" srcset=\"http://bw.dev.local/wp-content/uploads/2020/05/Toronto-1024x288.jpg 1024w, http://bw.dev.local/wp-content/uploads/2020/05/Toronto-300x84.jpg 300w, http://bw.dev.local/wp-content/uploads/2020/05/Toronto-768x216.jpg 768w, http://bw.dev.local/wp-content/uploads/2020/05/Toronto-1536x432.jpg 1536w, http://bw.dev.local/wp-content/uploads/2020/05/Toronto-1200x338.jpg 1200w, http://bw.dev.local/wp-content/uploads/2020/05/Toronto.jpg 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" /></figure>\n",
"protected": false
},
Run Code Online (Sandbox Code Playgroud)

所以我用 JSON发送has-text-color, has-accent-coloretc 类,但我不想在前面和后面写两次 css

有没有一个 css 对两者都适用的解决方案?

css wordpress reactjs wordpress-gutenberg

5
推荐指数
1
解决办法
522
查看次数

标签 统计

css ×1

reactjs ×1

wordpress ×1

wordpress-gutenberg ×1