html2wp / 指南

指南:如何把网站转换为 WordPress

把网站转换为 WordPress 有两种方式。在 Mac 或 Windows 上的 html2wp 应用中,你只需按步骤点击,完全不需要终端。使用 Claude Code 和 Codex 插件时,你和智能体一起在终端里工作。每种方式都有一篇针对 Lovable 项目的指南,和一篇针对 Claude Design 设计的指南。指南里的内容都来自我们实际完成的转换。

在 html2wp 应用中

使用 Claude Code 和 Codex 插件

React 输入 · 2026 年 10 月 5 日

Lovable 转 WordPress:把项目转换成真正的主题

旧的 Lovable 项目是 React 应用。在你构建它并在真实浏览器中运行之前,它的 HTML 里没有任何可转换的内容。基于 TanStack Start 的新项目在服务器上渲染,转换器两种都能处理。这是较长的路线,指南解释了多出来的那一步。其中还有一个示例:你可以打开原版和转换后的网站进行比较。

哪篇指南适合你

如果你想通过点击操作,并把每个页面和原版并排查看,不用终端,就选应用。如果你已经在用 Claude Code 或 Codex,就选插件。在那里,你直接在项目文件夹里用一句话启动转换。

如果你的网站是用 Lovable、Bolt 或 v0 做的,那它就是一个 React 应用。它的页面只有在浏览器中才会生成。因此,转换会多一个步骤:构建项目,并把每个路由保存为完整的 HTML。Lovable 指南介绍了这一步,它对 Bolt 和 v0 同样适用。

如果你已经有完整的 HTML 文件,例如 Claude 的 artifact 或手写的网站,就没有什么需要构建的。转换会直接从分析页面开始,这正是 Claude Design 指南所介绍的内容。

无论哪种方式,结果都一样:一个 ZIP 格式的独立 WordPress 主题和一份转换报告。交给客户之前,你要把它和原版比较。你在桌面应用的“Compare”标签页中逐页检查。转换器不接受线上网站的地址。它始终需要一个包含网站源文件的文件夹或 ZIP。

指南中的数字都来自真实转换的输出,包括转换时间、免费版的限制,以及比较页面时使用的宽度。所以你可以在自己的项目上验证,并与我们的描述对照。如果你网站上的结果与指南所说的不同,请通过表单告诉我们,并注明网站是用哪个工具做的。

指南有意不重复整个转换流程。应用文档介绍了如何安装、如何选择模型,以及 Flash 和 Full 的区别,还说明了哪些数据会离开你的电脑。你现在就可以试用:免费版可以转换 3 个网站,每个最多 5 个页面,无需密钥,也无需注册。