Než začnešAplikace a tvůj účet

Co potřebuješ k převodu z Lovable do WordPressu v aplikaci

Mac s čipem Apple (M1 nebo novější) a macOS 12 nebo novější.
Účet ChatGPT. Konverzi dělá AI z tvého vlastního předplatného, takže nám za kredity ani tokeny neplatíš.
Projekt z Lovable jako ZIP nebo složka se zdrojovým kódem. Jak ho získáš, je popsané níže.
Místo na disku. Každá běžící konverze zabere několik GB.

Docker Desktop nemusíš instalovat předem, protože aplikace ho v případě potřeby stáhne a nainstaluje sama. Bezplatná verze převede tři weby po nejvýš pěti stránkách, což na převod malého webu z Lovable do WordPressu stačí. Na práci pro klienty, větší weby a obchod na WooCommerce potřebuješ licenci Pro ze stránky s ceníkem.

Instalace aplikace html2wp

Stáhni si aplikaci pro Mac, otevři soubor DMG a přetáhni html2wp do složky Aplikace. Názvy tlačítek v tomto návodu píšeme přesně tak, jak je uvidíš na obrazovce.

Příprava prostředí

V nastavení aplikace (Settings) klikni na Prepare environment. Aplikace podle potřeby stáhne a spustí Docker a pak načte prostředí pro konverzi a obrazy WordPressu a databáze. Poprvé to trvá několik minut. Mac si může říct o tvoje heslo a Docker zobrazí své licenční podmínky.

Aplikace html2wp: nastavení s tlačítkem Prepare environment před první konverzí — Před první konverzí: tlačítko Prepare environment v nastavení.

Když je všechno připravené, aplikace napíše „Ready to work“ a tlačítko se změní na Repair environment. Použiješ ho jen tehdy, kdyby se prostředí později rozbilo.

Aplikace html2wp s připraveným prostředím a tlačítkem Repair environment — Prostředí je připravené a v bočním panelu svítí Environment ready.

Přihlášení přes ChatGPT

Klikni na Connect with ChatGPT. Aplikace ti ukáže kód a tlačítko Open sign-in page otevře stránku OpenAI. Tam se přihlas svým účtem ChatGPT a zadej kód z aplikace. Heslo píšeš jen na stránce OpenAI, takže ho aplikace nikdy nevidí.

Přihlášení aplikace html2wp k ChatGPT kódem na stránce OpenAI — Kód z aplikace zadáš na přihlašovací stránce OpenAI.

Po přihlášení vyber model pro konverzi (Conversion model) a úroveň uvažování (Reasoning effort), nebo nech výchozí hodnoty. Pokud máš licenci Pro, zadej klíč v nastavení a klikni na Save & check. Bezplatná verze klíč nepotřebuje.

Aplikace html2wp přihlášená k účtu ChatGPT, s nastavením modelu a úrovně uvažování — Přihlášený účet a výběr modelu pro konverzi.

KonverzeZ Lovable na šablonu

Tvůj projekt z Lovable v aplikaci

Aplikace potřebuje zdrojové soubory projektu, ne adresu živého webu. Lovable synchronizuje projekt do repozitáře na GitHubu. Otevři ho na GitHubu a stáhni ho přes Code → Download ZIP. Projekt nemusíš sestavovat ani spouštět npm install, protože to aplikace udělá sama.

V aplikaci klikni na New project (⌘N). V části Output nech HTML WordPress theme a zvol Import a ZIP, nebo Choose a folder, pokud máš projekt rozbalený. Aplikace pracuje na kopii, takže tvoje původní soubory zůstanou beze změny.

Okno New project v html2wp: výstup jako šablona WordPressu a import složky nebo ZIPu s projektem z Lovable — Nový projekt: výstup HTML WordPress theme a import ZIPu nebo složky.

Projekt z Lovable naimportovaný v aplikaci html2wp jako HTML WordPress theme — Po importu aplikace potvrdí, že tvoje původní soubory zůstaly beze změny.

Flash, nebo Full pro převod z Lovable do WordPressu

Na obrazovce projektu vybereš, jak důkladně má aplikace web z Lovable převést do WordPressu. Flash je výchozí: každý krok proběhne jednou a trvá to zhruba půl hodiny. Full spustí každou kontrolu a chyby, které najde, se pokusí opravit, takže trvá zhruba hodinu. Přesný čas závisí na počtu stránek a výkonu tvého Macu.

Projekt z Lovable v aplikaci html2wp před spuštěním převodu do WordPressu v režimu Flash nebo Full — Tlačítka Flash a Full a typ šablony: HTML nebo Astro 5.

Pokud WordPress nepotřebuješ, přepni typ na Astro 5. Aplikace pak vytvoří statický web a ten můžeš nasadit na Cloudflare Pages přímo z aplikace.

Jak konverze probíhá

Během konverze ukazuje záložka Overview kroky, na kterých plugin pro konverzi pracuje, a opravy, které udělal sám. Většinou běží bez tebe. Ať je projekt z Lovable starší aplikace v Reactu, nebo novější projekt na TanStack Start, aplikace ho nejdřív sestaví, otevře v prohlížeči a každou stránku uloží jako hotové HTML. Teprve pak z tohoto HTML udělá šablonu.

Konverze Flash z Lovable do WordPressu v aplikaci html2wp, s průběhem a tlačítkem Stop conversion — Běžící konverze Flash s procentem a dalším krokem.

Pro pozastavení klikni na Stop conversion a pak pokračuj přes Continue. Pokud se plugin na některém kroku zastaví sám, Repair and continue mu umožní chybu opravit a pokračovat.

Kontrola webu z Lovable proti verzi ve WordPressu

Záložka Compare ukazuje každou stránku originálu vedle verze ve WordPressu, v šířce počítače (Desktop · 1440) i mobilu (Mobile · 390), s rozdílem v procentech. Každou stránku si projdi sám. Automatické kontroly zachytí většinu rozdílů, ale ne všechny: v jedné konverzi chyběla celá sekce a rozdíl byl jen 0,4 %.

Záložka Compare v aplikaci html2wp: vlevo originál, vpravo verze ve WordPressu — Porovnání stránky v šířce počítače. Snímek je z ukázkového webu.

V záložce Preview otevře Open website lokální web ve WordPressu a WordPress admin jeho administraci. Pokud chceš něco změnit, napiš to do chatu vpravo. Změna se během několika sekund ukáže přímo v náhledu. Pak klikni na Make release a aplikace zabalí šablonu přesně tak, jak ji vidíš v náhledu.

Aplikace html2wp po změně přes chat, s tlačítkem Make release — Po změně v chatu aplikace ukáže počet změn a tlačítko Make release.

Převod z Lovable do WordPressu: export šablony

Když převedeš Lovable do WordPressu, hotové soubory najdeš v záložce Exports. U šablony WordPressu klikni na Save a ulož si ZIP. Najdeš tu i zprávu o konverzi v PDF, původní ZIP projektu a po konverzi Flash také projekt Astro 5.

Záložka Exports v aplikaci html2wp se ZIPem šablony WordPressu a zprávou o konverzi — Šablona jako ZIP, zpráva o konverzi a původní projekt.

Ve WordPressu jdi do Vzhled → Šablony → Přidat novou → Nahrát šablonu, vyber ZIP a šablonu aktivuj. Stránky, blog, formuláře, menu, SEO i přesměrování jsou součástí šablony a fungují bez pluginu.

Pokud chceš, aby klient upravoval texty a obrázky klikáním přímo na stránce, doinstaluj editor Visual Edit. Pokud raději pracuješ s agentem v terminálu, stejnou konverzi popisuje návod s pluginem pro Claude Code a Codex.

Převod z Lovable do WordPressu: krok za krokem v aplikaci html2wp