html2wp / Dokumentace

Jak převést HTML na šablonu WordPressu: návod k aplikaci html2wp

Tento návod ukazuje, jak v desktopové aplikaci html2wp převést HTML na šablonu WordPressu. Popisuje instalaci aplikace, první konverzi, výběr modelu, co odchází z tvého počítače a jak hotový web upravíš. Konverzi s agentem v terminálu popisuje dokumentace pluginu pro Claude Code a Codex.

První částTvoje první konverze

Instalace aplikace, která převádí HTML do WordPressu

Stáhni si aplikaci html2wp pro Mac s čipem Apple (M1 nebo novější) nebo pro Windows a nainstaluj ji jako každou jinou aplikaci. Verze pro Windows je zatím Preview a verze pro Linux přijde později.

Při prvním otevření klikni na Prepare environment. Aplikace pak stáhne všechno, co potřebuje. Dělá to jen jednou a chvíli to trvá.

Ke své práci aplikace potřebuje Docker Desktop, bezplatný program. V Dockeru běží dočasný WordPress, do kterého aplikace šablonu nainstaluje a zkontroluje ji. Pokud Docker nemáš, aplikace ho stáhne a spustí instalaci za tebe. Počítač si přitom může říct o tvoje heslo.

Přihlášení přes ChatGPT

Konverzi dělá AI z tvého předplatného ChatGPT, takže nám za kredity ani tokeny neplatíš.

V aplikaci klikni na Connect with ChatGPT. Aplikace ti ukáže devítiznakový kód a v prohlížeči otevře stránku OpenAI. Tam vyber svůj účet ChatGPT nebo se přihlas.

Stránka tě pak požádá o kód „z terminálu“ a zmiňuje Codex CLI. To je v pořádku: html2wp používá Codex a kód, který stránka chce, je ten z aplikace. Vlož ho (kliknutím na kód v aplikaci ho zkopíruješ) a klikni na Continue. Po přihlášení se aplikace sama aktualizuje.

Heslo vidí jen OpenAI

Heslo do ChatGPT zadáváš jen na stránce OpenAI a aplikace ho nikdy nevidí. Kód nikomu neposílej a zadej ho jen tehdy, když jsi přihlášení spustil sám.

Nový projekt: HTML, které převedeš na šablonu

Klikni na New project a vyber složku nebo ZIP se svým webem. Může to být export z Lovable, Bolt nebo v0, návrh z Claude nebo obyčejný HTML web. Adresu webu (URL) aplikace nepřijímá, protože potřebuje soubory, ze kterých je web postavený.

Aplikace sama zjistí, která stránka je úvodní a která je blog, článek nebo produkt.

Pak vyber, co chceš dostat. Obvykle převádíš HTML na šablonu WordPressu, v režimu Flash nebo Full. Pokud WordPress nepotřebuješ, zvol místo toho projekt Astro 5. Ta konverze je kratší a hotový web můžeš nasadit přímo z aplikace na Cloudflare Pages, kde ho můžeš hostovat zdarma.

Flash, nebo Full: dva způsoby převodu HTML do WordPressu

Flash je rychlá konverze a v aplikaci je výchozí. Každý krok proběhne jednou. Menu, blog, obchod i formuláře se rozpoznají a zapojí hned. Kontroly také proběhnou jednou a jejich výsledky najdeš ve zprávě. Trvá zhruba půl hodiny a hodí se na většinu webů i na rychlé vyzkoušení.

Full je důkladná konverze. Spustí každou kontrolu a chyby, které najde, se pokusí opravit. Trvá zhruba hodinu a spotřebuje víc z limitu tvého předplatného ChatGPT. Vyplatí se proto u složitějších webů nebo když Flash nechal ve zprávě hodně bodů k doladění.

Oba režimy převedou tvoje HTML na použitelnou šablonu WordPressu a připíšou poznámku ke všemu, co zbývá. Přesný čas závisí na počtu stránek a výkonu tvého počítače.

Výběr modelu pro převod HTML na šablonu

V aplikaci si vybíráš model AI a úroveň uvažování (Reasoning effort).

  • GPT-6-Luna na úrovni Extra high stačí na běžné konverze. Je levný, spotřebuje málo z limitu předplatného a většinu webů zvládne sám.
  • GPT-6-Sol na úrovni Medium nebo High doporučujeme, když je potřeba něco opravit, například ve Full konverzi nebo při úpravách přes chat.
  • GPT-6-Astra je nejsilnější a nejdražší model. Na běžnou práci ho nepotřebuješ, ale pomůže, když si s problémem neporadí ani Sol.

Model můžeš změnit vždy, když zrovna neběží konverze. Každý projekt může mít svůj vlastní.

Kontrola šablony WordPressu proti tvému HTML

Když konverze skončí, aplikace ti dá vědět. Pokud něco nevyjde, nejdřív se to pokusí opravit sama. Tak či tak vždy předá použitelnou šablonu s poznámkou, co doladit.

V záložce Preview klikni na Open website a podívej se na nový web v prohlížeči. Záložka Compare ukazuje originál a konverzi vedle sebe i s rozdílem v procentech. Co se ti nelíbí, napiš do chatu a aplikace to opraví. Hotové změny pak ulož jako novou verzi přes Make release.

Automatické kontroly zachytí většinu rozdílů, ale ne všechny. Proto si stránky projdi, než šablonu předáš klientovi. ZIP se šablonou uložíš v záložce Exports a do WordPressu ho nahraješ přes Vzhled → Šablony → Přidat novou → Nahrát šablonu.

Druhá částPotom

Data a soukromí

Šablonu sestavuje náš server. Většina práce (měření, porovnání s originálem a opravy) ale běží na tvém počítači a řídí ji AI z tvého účtu ChatGPT. To, na čem AI pracuje, zpracovává OpenAI podle podmínek tvého účtu.

Co se posílá na server

Tvůj web převedený do projektu Astro (stránky, styly, skripty, obrázky a písma) a informace o jednotlivých stránkách. Původní složka projektu ani nainstalované knihovny (node_modules) se neposílají. Nahraná data se automaticky smažou po 48 hodinách. Zůstane jen otisk (hash), díky kterému se opakované spuštění počítá jako jedna konverze.

Soubory s hesly a klíči

Soubory, které vypadají jako přihlašovací údaje, se do balíku vůbec nedostanou: .env, klíče (.pem, .key, id_rsa), .npmrc, .netrc, složky .ssh a .aws ani žádný soubor s privátním klíčem. Všechno, co aplikace vynechala, najdeš jmenovitě ve zprávě.

Výsledky kontrol

Po otestování šablony aplikace pošle jen výsledky kontrol: které prošly a které ne, počty stránek, největší rozdíl oproti originálu a krátké názvy stránek, které neprošly (například „about“). Neposílá adresu webu, doménu, kód, texty, snímky obrazovky, cesty k souborům, licenční klíč ani název webu.

Kontroly běží proti WordPressu na tvém počítači, který náš server nikdy nevidí. Bez jejich výsledků by server věděl jen to, že konverze nespadla. Proto se další konverze spustí až poté, co předchozí odešle své výsledky. Aplikace je posílá automaticky. Celý popis je na stránce o ochraně soukromí.

Úpravy přes Visual Edit

Web, který převedeš z HTML na šablonu WordPressu, nepotřebuje ke svému běhu žádný plugin. Stránky, blog, formuláře, menu, SEO i přesměrování jsou součástí šablony. Přesměrování vedou staré adresy na nové: kdo otevře starý odkaz /about.html, dostane se na /about/, takže web si udrží pozice ve vyhledávání.

Úpravy klikáním přidává Visual Edit, plugin pro WordPress, který si doinstaluješ. Na co klikneš, to se změní. Žádný page builder pod tím nepřestavuje kód stránky.

FunkceLite (zdarma)Pro
Text, obrázky a odkazy klikáním✓✓
Formuláře, menu a pole pro SEO✓✓
Historie úprav10 kroků300 kroků
AI asistent (vlastní API klíč pro OpenRouter)–✓
AI úpravy obrázků a animace z obrázků–✓
Export šablony a ochrana formulářů přes Turnstile–✓

Pro je samostatná roční licence na stránce s ceníkem. Každá konverze, Free i Pro, odkazuje na bezplatnou verzi Lite. Když plugin vypneš, stránky se dál zobrazují a šablona zůstane plně použitelná.

Licence, předplatné, beta

Opakovaná spuštění

V bezplatné verzi máš celkem 5 opakovaných spuštění pro všechny konverze, s licencí Pro neomezeně. Opakované spuštění je tentýž web nahraný znovu. Server ho pozná podle otisku (hash), takže se počítá jako opakované spuštění, ne jako nová konverze.

Správa a zrušení předplatného

Předplatné spravuješ na stránce předplatného. Odkaz je v patičce webu a v každém licenčním e-mailu. V zákaznickém portálu Paddle můžeš zrušit předplatné, změnit kartu, stáhnout faktury a přepnout měsíční Pro na roční. Přihlásí tě odkazem poslaným na e-mail, se kterým jsi nakupoval, takže heslo nepotřebuješ.

Zrušení zastaví další obnovení. Klíč funguje do konce zaplaceného období a každá šablona, kterou jsi převedl, zůstává tvoje. Zrušení není vrácení peněz: vrácení se řídí podmínkami vrácení peněz.

Co znamená beta

Aplikace převádí skutečné weby a používá se na skutečnou práci. Každou stránku porovná s originálem v šířkách 1440 a 390 px a každý rozdíl, který najde, zapíše do zprávy spolu s tím, co zbývá doladit. Před předáním si označené stránky projdi a klientovi slibuj jen výsledek, který jsi viděl.

Když najdeš chybu v samotném konvertoru, nahlas ji tak, jak popisuje dokumentace pluginu. Přečte ji člověk a opravy přicházejí jako aktualizace služby.