开始之前应用和你的账号

在应用中把 Lovable 转换为 WordPress：需要准备什么

搭载 Apple 芯片的 Mac（M1 或更新），macOS 12 或更高版本。
一个 ChatGPT 账号。转换由你自己订阅中的 AI 完成，所以你不用向我们购买额度或 token。
Lovable 项目，ZIP 或包含源代码的文件夹均可。获取步骤见下文。
磁盘空间。每个正在运行的转换会占用几 GB。

你不需要提前安装 Docker Desktop，应用会在需要时自行下载并安装。免费版可以转换 3 个网站，每个最多 5 个页面，足够把一个小型 Lovable 网站转换为 WordPress。做客户项目、转换更大的网站和 WooCommerce 商店，需要在价格页面购买 Pro 许可证。

安装 html2wp 应用

下载 Mac 版应用，打开 DMG 文件，把 html2wp 拖进“应用程序”文件夹。本指南中的按钮名称与屏幕上显示的完全一致。

准备环境

在应用的 Settings（设置）中，点击 Prepare environment（准备环境）。应用会在需要时下载并启动 Docker，然后加载转换环境以及 WordPress 和数据库镜像。第一次需要几分钟。Mac 可能会要求你输入密码，Docker 也会显示它的许可条款。

html2wp 应用：首次转换前，Settings 中的 Prepare environment 按钮 — 首次转换前：Settings 中的 Prepare environment 按钮。

一切就绪后，应用会显示“Ready to work”，按钮变为 Repair environment（修复环境）。只有以后环境出问题时才需要用它。

环境已准备好的 html2wp 应用和 Repair environment 按钮 — 环境已就绪，侧边栏显示 Environment ready。

用 ChatGPT 登录

点击 Connect with ChatGPT（连接 ChatGPT）。应用会显示一个代码，点击 Open sign-in page 按钮会打开 OpenAI 页面。在那里用你的 ChatGPT 账号登录，并输入应用中的代码。你只在 OpenAI 页面上输入密码，所以应用永远看不到它。

在 OpenAI 页面上用代码把 html2wp 应用登录到 ChatGPT — 在 OpenAI 登录页面输入应用中的代码。

登录后，选择 Conversion model（转换模型）和 Reasoning effort（推理强度），或保留默认值。如果你有 Pro 许可证，在 Settings 中输入密钥，然后点击 Save & check。免费版不需要密钥。

已登录 ChatGPT 账号的 html2wp 应用，以及模型和推理强度设置 — 已登录的账号，以及用于转换的模型选择。

转换从 Lovable 到主题

把 Lovable 项目添加到应用

应用需要的是项目的源文件，而不是线上网站的地址。Lovable 会把项目同步到 GitHub 仓库。在 GitHub 上打开它，用 Code → Download ZIP 下载。你不需要构建项目，也不需要运行 npm install，应用会自己完成。

在应用中点击 New project（新建项目，⌘N）。在 Output 下保留 HTML WordPress theme，然后选择 Import a ZIP；如果你已经解压了项目，就选 Choose a folder。应用处理的是副本，所以你的原始文件保持不变。

html2wp 的 New project 窗口：输出为 WordPress 主题，从文件夹或 ZIP 导入 Lovable 项目 — New project：输出 HTML WordPress 主题，从 ZIP 或文件夹导入。

以 HTML WordPress 主题方式导入 html2wp 应用的 Lovable 项目 — 导入后，应用会确认你的原始文件没有改动。

把 Lovable 转换为 WordPress：选择 Flash 还是 Full

在项目界面中，你可以选择应用把 Lovable 网站转换为 WordPress 的细致程度。Flash 是默认选项：每个步骤运行一次，大约需要半小时。Full 运行所有检查，并尝试修复发现的错误，所以大约需要一小时。具体时间取决于页面数量和 Mac 的速度。

把 Lovable 转换为 WordPress：html2wp 应用中开始 Flash 或 Full 转换前的 Lovable 项目 — Flash 和 Full 按钮，以及主题类型：HTML 或 Astro 5。

如果你不需要 WordPress，把类型切换为 Astro 5。应用会构建一个静态网站，你可以直接从应用部署到 Cloudflare Pages。

转换过程

转换期间，Overview（概览）标签页会显示转换插件正在处理的步骤，以及它自己完成的修复。大部分时间不需要你参与。无论 Lovable 项目是旧的 React 应用，还是新的 TanStack Start 项目，应用都会先构建它，在浏览器中打开，并把每个页面保存为完整的 HTML。之后才把这些 HTML 转换成主题。

html2wp 应用中从 Lovable 到 WordPress 的 Flash 转换，显示进度和 Stop conversion 按钮 — 正在运行的 Flash 转换，显示百分比和下一步。

要暂停，点击 Stop conversion，之后用 Continue 继续。如果插件自己在某一步停下，Repair and continue 会让它修复错误并继续运行。

把 Lovable 转换为 WordPress 之后：对照检查网站

Compare（比对）标签页会在桌面宽度（Desktop · 1440）和手机宽度（Mobile · 390）下，把原版的每个页面和 WordPress 版本并排显示，并用百分比标出差异。请亲自查看每个页面。自动检查能发现大部分差异，但不是全部：有一次转换中缺了一整个区块，差异却只有 0.4%。

html2wp 应用的 Compare 标签页：左边是原版，右边是 WordPress 版本 — 在桌面宽度下比对一个页面。截图来自示例网站。

在 Preview（预览）标签页中，Open website 会打开本地 WordPress 网站，WordPress admin 会打开它的后台。如果你想修改什么，就在右侧的聊天中输入。几秒钟内，修改就会直接显示在预览中。然后点击 Make release，应用会按你在预览中看到的样子打包主题。

通过聊天修改后的 html2wp 应用，以及 Make release 按钮 — 在聊天中修改后，应用会显示修改数量和 Make release 按钮。

把 Lovable 转换为 WordPress：导出主题

完成 Lovable 到 WordPress 的转换后，做好的文件都在 Exports（导出）标签页中。在 WordPress theme 旁点击 Save，保存 ZIP。那里还有 PDF 格式的转换报告、原始项目 ZIP，以及 Flash 转换后的 Astro 5 项目。

html2wp 应用的 Exports 标签页，包含 WordPress 主题 ZIP 和转换报告 — ZIP 格式的主题、转换报告和原始项目。

在 WordPress 中进入“外观 → 主题 → 添加新主题 → 上传主题”，选择 ZIP 并启用主题。页面、博客、表单、菜单、SEO 和重定向都是主题的一部分，无需插件即可运行。

如果你希望客户直接在页面上点击编辑文字和图片，可以加装 Visual Edit 编辑器。如果你更喜欢在终端里和智能体一起工作，Claude Code 和 Codex 插件指南介绍了同样的转换。

Lovable 转 WordPress：在 html2wp 应用中分步完成