用 html2wp 应用把 Lovable 转换为 WordPress,分步完成
你从 GitHub 把 Lovable 项目下载为 ZIP,添加到应用中,然后选择 Flash 或 Full。指南涵盖安装应用、登录和检查页面,最后把主题上传到 WordPress,全程配有截图。
html2wp / 指南
把网站转换为 WordPress 有两种方式。在 Mac 或 Windows 上的 html2wp 应用中,你只需按步骤点击,完全不需要终端。使用 Claude Code 和 Codex 插件时,你和智能体一起在终端里工作。每种方式都有一篇针对 Lovable 项目的指南,和一篇针对 Claude Design 设计的指南。指南里的内容都来自我们实际完成的转换。
用 html2wp 应用把 Lovable 转换为 WordPress,分步完成
你从 GitHub 把 Lovable 项目下载为 ZIP,添加到应用中,然后选择 Flash 或 Full。指南涵盖安装应用、登录和检查页面,最后把主题上传到 WordPress,全程配有截图。
用 html2wp 应用把 Claude Design 导出的设计转换为 WordPress
你把 Claude 中的设计以 HTML 格式保存到一个文件夹,在应用中打开,然后开始转换。这是得到主题最短的路线,因为应用没有什么需要构建的。指南为每一步都配了截图。
Lovable 转 WordPress:把项目转换成真正的主题
旧的 Lovable 项目是 React 应用。在你构建它并在真实浏览器中运行之前,它的 HTML 里没有任何可转换的内容。基于 TanStack Start 的新项目在服务器上渲染,转换器两种都能处理。这是较长的路线,指南解释了多出来的那一步。其中还有一个示例:你可以打开原版和转换后的网站进行比较。
如何把 Claude Design 的设计转换为 WordPress
HTML artifact 正是转换器想要的输入。因此,这是从生成的设计到主题最短的路线。指南说明了开始时要检查什么,以及转换会替你决定什么。它还展示了如果你之后改用页面构建器,实际会发生哪些变化。
如果你想通过点击操作,并把每个页面和原版并排查看,不用终端,就选应用。如果你已经在用 Claude Code 或 Codex,就选插件。在那里,你直接在项目文件夹里用一句话启动转换。
如果你的网站是用 Lovable、Bolt 或 v0 做的,那它就是一个 React 应用。它的页面只有在浏览器中才会生成。因此,转换会多一个步骤:构建项目,并把每个路由保存为完整的 HTML。Lovable 指南介绍了这一步,它对 Bolt 和 v0 同样适用。
如果你已经有完整的 HTML 文件,例如 Claude 的 artifact 或手写的网站,就没有什么需要构建的。转换会直接从分析页面开始,这正是 Claude Design 指南所介绍的内容。
无论哪种方式,结果都一样:一个 ZIP 格式的独立 WordPress 主题和一份转换报告。交给客户之前,你要把它和原版比较。你在桌面应用的“Compare”标签页中逐页检查。转换器不接受线上网站的地址。它始终需要一个包含网站源文件的文件夹或 ZIP。
指南中的数字都来自真实转换的输出,包括转换时间、免费版的限制,以及比较页面时使用的宽度。所以你可以在自己的项目上验证,并与我们的描述对照。如果你网站上的结果与指南所说的不同,请通过表单告诉我们,并注明网站是用哪个工具做的。
指南有意不重复整个转换流程。应用文档介绍了如何安装、如何选择模型,以及 Flash 和 Full 的区别,还说明了哪些数据会离开你的电脑。你现在就可以试用:免费版可以转换 3 个网站,每个最多 5 个页面,无需密钥,也无需注册。