首页 > 解决方案 > 如何使用 WordPress 处理 UI 和 ReactJS 处理前端逻辑来制作网站

问题描述

ReactJS允许我们创建用户界面。Word Press允许我们构建网站,其按钮、列表、颜色、样式都可以自定义,只需极少(甚至没有)编码知识。

我有一个使用 ReactJS 启动并运行的网站,其中后端是在 NodeJS 和 ExpressJS 中完成的。但 UI 只是一个基本的。

我想建立一个 WordPress 处理 UI 的新站点,例如按钮、表格、列表、标题等组件的颜色、样式、大小等,并且对编码知识最少甚至一无所知的人应该能够拖放或者自定义网站 UI,ReactJS 应该处理所有的前端逻辑,后端将由 NodeJS 和 ExpressJS 处理。

有可能这样做吗?我应该使用哪个框架词或 word-press 插件。我怎样才能做到这一点。

标签: reactjswordpress

解决方案


美好的一天,哈里。
我可以试着帮助你。
1)Wordpress 现在有 Gutenberg 块编辑器,使用 React 创建 UI 逻辑。

在此处输入图像描述 因此,只需单击 3 次即可轻松创建带有颜色的按钮和文本样式。
在后端,我们仍然有 wordpress PHP 脚本。

2)另一种解决方案是 Wordpress 允许使用 webpack 文件将您的 React 代码包含到您的主题中

在此处输入图像描述 请点击此链接查看演示主题

https://github.com/zgordon/twentytwenty-react/

3)下一个解决方案是 Frontify,它是一个连接 Wordpress + React 的框架
https://frontity.org/

在此处输入图像描述

让我知道它是否对您有帮助。谢谢


推荐阅读