Перенос Lovable на WordPress: пошагово в приложении html2wp
Это руководство показывает, как перенести проект Lovable на WordPress в приложении html2wp. Терминал и программирование не нужны. Вы добавляете проект как ZIP, выбираете Flash или Full, а в конце скачиваете готовую тему WordPress, которая выглядит как ваш дизайн.
Что нужно, чтобы перенести Lovable на WordPress в приложении
- Mac на Apple silicon (M1 или новее) и macOS 12 или новее.
- Аккаунт ChatGPT. Конвертацию выполняет ИИ из вашей собственной подписки, поэтому вы не платите нам за кредиты или токены.
- Проект Lovable в виде ZIP или папки с исходным кодом. Как его получить, описано ниже.
- Место на диске. Каждая идущая конвертация занимает несколько ГБ.
Заранее устанавливать Docker Desktop не нужно, приложение само скачает и установит его, когда понадобится. Бесплатный тариф конвертирует три сайта до пяти страниц каждый, и этого хватит, чтобы перенести небольшой сайт из Lovable на WordPress. Для работы на клиентов, больших сайтов и магазина WooCommerce нужна лицензия Pro со страницы с ценами.
Установка приложения html2wp
Скачайте приложение для Mac, откройте файл DMG и перетащите html2wp в папку «Программы». В этом руководстве названия кнопок написаны точно так, как они выглядят на экране.
Подготовка окружения
В настройках приложения (Settings) нажмите Prepare environment. Приложение при необходимости скачает и запустит Docker, а затем загрузит окружение для конвертации и образы WordPress и базы данных. В первый раз это занимает несколько минут. Mac может спросить ваш пароль, а Docker покажет свои лицензионные условия.
Когда всё готово, приложение пишет «Ready to work», а кнопка меняется на Repair environment. Она понадобится, только если окружение позже сломается.
Вход через ChatGPT
Нажмите Connect with ChatGPT. Приложение покажет код, а кнопка Open sign-in page откроет страницу OpenAI. Войдите там в свой аккаунт ChatGPT и введите код из приложения. Пароль вы вводите только на странице OpenAI, поэтому приложение его никогда не видит.
После входа выберите модель (Conversion model) и уровень рассуждения (Reasoning effort) или оставьте значения по умолчанию. Если у вас есть лицензия Pro, введите ключ в настройках и нажмите Save & check. Бесплатному тарифу ключ не нужен.
Ваш проект Lovable в приложении
Приложению нужны исходные файлы проекта, а не адрес работающего сайта. Lovable синхронизирует проект с репозиторием на GitHub. Откройте его на GitHub и скачайте через Code → Download ZIP. Собирать проект или запускать npm install не нужно, приложение сделает это само.
В приложении нажмите New project (⌘N). В разделе Output оставьте HTML WordPress theme и выберите Import a ZIP или Choose a folder, если вы распаковали проект. Приложение работает с копией, так что ваши исходные файлы не меняются.
Flash или Full: как перенести Lovable на WordPress
На экране проекта вы выбираете, насколько тщательно приложение будет переносить сайт из Lovable на WordPress. Flash выбран по умолчанию: каждый шаг выполняется один раз, это занимает около получаса. Full запускает все проверки и пытается исправить найденные ошибки, поэтому занимает около часа. Точное время зависит от числа страниц и скорости вашего Mac.
Если WordPress вам не нужен, переключите тип на Astro 5. Тогда приложение соберёт статический сайт, и его можно опубликовать на Cloudflare Pages прямо из приложения.
Как идёт конвертация
Во время конвертации вкладка Overview показывает шаги, над которыми работает плагин конвертации, и исправления, которые он сделал сам. Большую часть времени процесс идёт без вас. Будь проект Lovable старым React-приложением или новым проектом на TanStack Start, приложение сначала собирает его, открывает в браузере и сохраняет каждую страницу как готовый HTML. Только потом оно превращает этот HTML в тему.
Чтобы поставить на паузу, нажмите Stop conversion, а затем продолжите кнопкой Continue. Если плагин сам остановился на каком-то шаге, Repair and continue позволит ему исправить ошибку и продолжить.
Проверка сайта Lovable по сравнению с WordPress
Вкладка Compare показывает каждую страницу оригинала рядом с версией на WordPress, при ширине десктопа (Desktop · 1440) и мобильного (Mobile · 390), с разницей в процентах. Просмотрите каждую страницу сами. Автоматические проверки ловят большую часть различий, но не все: в одной конвертации не хватало целой секции, а разница составила всего 0,4 %.
На вкладке Preview кнопка Open website открывает локальный сайт WordPress, а WordPress admin открывает его консоль. Если хотите что-то изменить, напишите об этом в чате справа. Изменение появится прямо в предпросмотре через несколько секунд. Затем нажмите Make release, и приложение упакует тему точно в том виде, в каком вы видите её в предпросмотре.
Экспорт темы после переноса Lovable на WordPress
Когда перенос Lovable на WordPress завершён, готовые файлы лежат на вкладке Exports. Рядом с темой WordPress нажмите Save и сохраните ZIP. Там же есть отчёт о конвертации в PDF, ZIP исходного проекта и, после конвертации Flash, проект Astro 5.
В WordPress откройте «Внешний вид → Темы → Добавить новую тему → Загрузить тему», выберите ZIP и активируйте тему. Страницы, блог, формы, меню, SEO и редиректы входят в тему и работают без плагина.
Если хотите, чтобы клиент правил тексты и изображения кликом прямо на странице, добавьте редактор Visual Edit. Если вам удобнее работать с агентом в терминале, ту же конвертацию описывает руководство с плагином для Claude Code и Codex.