html2wp / Návody
Web do WordPressu převedeš dvěma způsoby. V aplikaci html2wp pro Mac a Windows proklikáš jednotlivé kroky a terminál nikdy nepotřebuješ. S pluginem pro Claude Code a Codex pracuješ v terminálu s agentem. Pro každý způsob je tu návod pro projekt z Lovable a návod pro návrh z Claude Design. Všechno v nich popisuje konverze, které jsme opravdu spustili.
Převod z Lovable do WordPressu: krok za krokem v aplikaci html2wp
Projekt z Lovable stáhneš z GitHubu jako ZIP, přidáš ho do aplikace a vybereš Flash nebo Full. Návod popisuje instalaci aplikace, přihlášení a kontrolu stránek. Končí nahráním šablony do WordPressu a celý je doplněný snímky obrazovky.
Export Claude Design do šablony WordPressu v aplikaci html2wp
Návrh z Claude uložíš jako HTML do složky, otevřeš ho v aplikaci a spustíš konverzi. Je to nejkratší cesta k šabloně, protože aplikace nemusí nic sestavovat. V návodu je snímek každého kroku.
Z Lovable do WordPressu: projekt převedený na skutečnou šablonu
Starší projekt z Lovable je aplikace v Reactu. V jejím HTML není co převádět, dokud ji nesestavíš a nespustíš ve skutečném prohlížeči. Novější projekty na TanStack Start se vykreslují na serveru a konvertor zvládne oba. Tohle je delší cesta a krok navíc je v ní vysvětlený. Má i ukázku: originál i převedený web si otevřeš a porovnáš.
Z Claude Design do WordPressu: jak převést návrh na šablonu
HTML artefakt je přesně ten vstup, který konvertor chce. Proto je to nejkratší cesta od vygenerovaného designu k šabloně. Návod popisuje, co si ověřit na začátku a co konverze rozhodne za tebe. Ukazuje i to, co se doopravdy změní, když pak sáhneš po page builderu.
Aplikaci si vyber, pokud chceš klikat a vidět každou stránku vedle originálu, bez terminálu. Plugin si vyber, pokud už pracuješ v Claude Code nebo Codexu. Tam konverzi spustíš jednou větou přímo ve složce projektu.
Pokud jsi web postavil v Lovable, Bolt nebo v0, máš aplikaci v Reactu. Její stránky vznikají až v prohlížeči. Konverze proto přidá krok, který projekt sestaví a každou cestu (route) uloží jako hotové HTML. Tento krok popisuje návod pro Lovable a pro Bolt i v0 funguje stejně.
Pokud máš hotové HTML soubory, třeba artefakt z Claude nebo ručně psaný web, není co sestavovat. Konverze místo toho začne rovnou analýzou stránek, a to popisuje návod pro Claude Design.
Výsledek je v obou případech stejný: samostatná šablona WordPressu v ZIP souboru a zpráva o konverzi. Než ji předáš klientovi, porovnáš ji s originálem. Procházíš stránku po stránce v záložce Compare v desktopové aplikaci. Adresu živého webu konvertor nepřijímá. Vždy potřebuje složku nebo ZIP se soubory, ze kterých je web postavený.
Čísla v návodech pocházejí z výstupu skutečných konverzí. Patří k nim doba konverze, limity bezplatné verze a šířky, ve kterých se stránky porovnávají. Můžeš si je tedy ověřit na vlastním projektu a porovnat s tím, co popisujeme. Pokud se výsledek na tvém webu chová jinak, než návod říká, napiš nám přes náš formulář. Uveď i to, z jakého nástroje web pochází.
Návody záměrně neopakují celý proces konverze. Dokumentace k aplikaci popisuje instalaci, výběr modelu a rozdíl mezi Flash a Full. Říká také, co odchází z tvého počítače. Vyzkoušet to můžeš hned: bezplatná verze převede tři weby po nejvýš pěti stránkách, bez klíče a bez registrace.
