Predtým, ako začnešAppka a účet

Čo potrebuješ na prevod Lovable do WordPressu v appke

Mac s čipom Apple (M1 a novší) a macOS 12 alebo novší.
Účet ChatGPT. Konverziu robí AI z tvojho predplatného, takže nám za kredity ani tokeny neplatíš.
Projekt z Lovable ako ZIP alebo priečinok so zdrojovým kódom. Ako ho získaš, je nižšie.
Miesto na disku. Každá bežiaca konverzia zaberie niekoľko GB.

Docker Desktop vopred inštalovať nemusíš, appka ho v prípade potreby stiahne a nainštaluje sama. Bezplatná verzia prevedie tri weby po najviac piatich stránkach. Na prácu pre klientov, väčšie weby a obchod na WooCommerce potrebuješ licenciu Pro z cenníka.

Inštalácia appky html2wp

Stiahni appku pre Mac, otvor súbor DMG a presuň html2wp do priečinka Aplikácie. Appka je po anglicky, preto v návode uvádzame názvy tlačidiel tak, ako ich uvidíš na obrazovke.

Príprava prostredia

V nastaveniach appky (Settings) klikni na Prepare environment. Appka podľa potreby stiahne a spustí Docker, načíta prostredie na konverziu a obrazy WordPressu a databázy. Prvýkrát to trvá niekoľko minút. Počítač si môže vypýtať heslo a Docker zobrazí svoje licenčné podmienky.

Appka html2wp: nastavenia s tlačidlom Prepare environment pred prvou konverziou — Pred prvou konverziou: tlačidlo Prepare environment v nastaveniach.

Keď je všetko pripravené, appka napíše „Ready to work“ a tlačidlo sa zmení na Repair environment. Použiješ ho len vtedy, keby sa prostredie neskôr pokazilo.

Appka html2wp s pripraveným prostredím a tlačidlom Repair environment — Prostredie je pripravené, v bočnom paneli svieti Environment ready.

Prihlásenie cez ChatGPT

Klikni na Connect with ChatGPT. Appka ti ukáže kód a tlačidlom Open sign-in page otvorí stránku OpenAI. Tam sa prihlás svojím účtom ChatGPT a zadaj kód z appky. Heslo zadávaš len na stránke OpenAI, appka ho nevidí.

Prihlásenie appky html2wp cez ChatGPT kódom zo stránky OpenAI — Kód z appky zadáš na prihlasovacej stránke OpenAI.

Po prihlásení si vyberieš Conversion model a Reasoning effort, alebo necháš predvolené hodnoty. Ak máš licenciu Pro, zadaj kľúč v nastaveniach a klikni na Save & check. Bezplatná verzia kľúč nepotrebuje.

Appka html2wp prihlásená k účtu ChatGPT s výberom modelu a úrovne uvažovania — Prihlásený účet a výber modelu pre konverziu.

PrevodZ Lovable na tému

Projekt z Lovable v appke

Appka potrebuje zdrojové súbory projektu, nie adresu živého webu. Lovable synchronizuje projekt do repozitára na GitHube. Otvor ho na GitHube a stiahni ho cez Code → Download ZIP. Projekt nemusíš zostavovať ani spúšťať príkaz npm install, appka to urobí sama.

V appke klikni na New project (⌘N). V časti Output nechaj HTML WordPress theme a vyber Import a ZIP, alebo Choose a folder, ak máš projekt rozbalený. Appka pracuje na kópii, tvoje pôvodné súbory sa nezmenia.

Okno New project v appke html2wp s výberom výstupu a importom priečinka alebo ZIP — Nový projekt: výstup HTML WordPress theme a import ZIP alebo priečinka.

Projekt z Lovable naimportovaný v appke html2wp ako HTML WordPress téma — Po importe appka potvrdí, že pôvodné súbory ostali bez zmeny.

Flash alebo Full pre prevod Lovable do WordPressu

Na obrazovke projektu vyberieš, ako dôkladne sa má web previesť. Flash je predvolený: každý krok prebehne raz a trvá zhruba pol hodiny. Full prejde všetky kontroly a nájdené chyby skúsi opraviť, trvá zhruba hodinu. Presný čas závisí od počtu stránok a výkonu tvojho Macu.

Projekt z Lovable v appke html2wp pred spustením konverzie Flash alebo Full — Tlačidlá Flash a Full a typ témy HTML alebo Astro 5.

Ak WordPress nepotrebuješ, prepni typ na Astro 5. Appka potom urobí statický web, ktorý vieš priamo z appky nasadiť na Cloudflare Pages.

Priebeh konverzie

Počas konverzie vidíš v záložke Overview kroky, ktoré plugin práve robí, a opravy, ktoré urobil sám. Väčšinou beží bez tvojho zásahu. Či je projekt z Lovable staršia aplikácia v Reacte alebo novší projekt na TanStack Start, appka ho najprv zostaví, otvorí v prehliadači a každú stránku uloží ako hotové HTML. Až z neho vznikne téma.

Konverzia Flash v appke html2wp s priebehom a tlačidlom Stop conversion — Bežiaca konverzia Flash s percentom a ďalším krokom.

Konverziu zastavíš tlačidlom Stop conversion a pokračuješ cez Continue. Ak sa plugin na niektorom kroku zastaví sám, Repair and continue ho nechá chybu opraviť a pokračovať.

Kontrola webu z Lovable v appke

V záložke Compare vidíš každú stránku originálu vedľa verzie vo WordPresse, v šírke počítača (Desktop · 1440) aj mobilu (Mobile · 390), s rozdielom v percentách. Každú stránku si prezri sám. Automatické kontroly zachytia väčšinu rozdielov, nie všetky: v jednej konverzii chýbala celá sekcia a rozdiel bol len 0,4 %.

Záložka Compare v appke html2wp: originál vľavo a verzia vo WordPresse vpravo — Porovnanie stránky v šírke počítača. Snímka je z ukážkového webu.

V záložke Preview otvoríš lokálny WordPress cez Open website a jeho administráciu cez WordPress admin. Ak chceš niečo zmeniť, napíš to do chatu vpravo. Zmena sa urobí priamo v náhľade za pár sekúnd. Potom klikni na Make release a appka zabalí tému tak, ako ju vidíš v náhľade.

Appka html2wp po zmene cez chat s tlačidlom Make release — Po zmene v chate appka ukáže počet zmien a tlačidlo Make release.

Prevod Lovable do WordPressu: export témy

Hotové súbory sú v záložke Exports. Pri téme WordPress klikni na Save a ulož si ZIP. Nájdeš tu aj správu o konverzii v PDF, pôvodný ZIP projektu a pri konverzii Flash aj projekt Astro 5.

Záložka Exports v appke html2wp so ZIP témou WordPress a správou o konverzii — Téma ako ZIP, správa o konverzii a pôvodný projekt.

Vo WordPresse choď na Vzhľad → Témy → Pridať novú → Nahrať tému, vyber ZIP a tému aktivuj. Stránky, blog, formuláre, menu, SEO aj presmerovania sú priamo v téme a fungujú bez pluginu.

Ak chceš, aby klient upravoval texty a obrázky klikaním priamo na stránke, doinštaluj editor Visual Edit. Ak radšej pracuješ s agentom v termináli, ten istý prevod opisuje návod s pluginom pre Claude Code a Codex.

Prevod z Lovable do WordPressu: návod v appke html2wp