html2wp / Útmutatók
Egy weboldalt kétféleképpen alakíthatsz át WordPressre. A html2wp alkalmazásban, Macen vagy Windowson, végigkattintod a lépéseket, és terminálra sosincs szükséged. A Claude Code- és Codex-bővítménnyel a terminálban dolgozol egy ügynökkel. Mindkét úthoz van egy útmutató egy Lovable-projekthez és egy a Claude Design dizájnjához. Minden, ami bennük áll, általunk ténylegesen lefuttatott konverziókat ír le.
Lovable-ből WordPress: lépésről lépésre a html2wp alkalmazásban
A Lovable-projektet ZIP-ként letöltöd a GitHubról, hozzáadod az alkalmazáshoz, és kiválasztod a Flash vagy a Full módot. Az útmutató az alkalmazás telepítését, a bejelentkezést és az oldalak átnézését mutatja be. A téma WordPressre való feltöltésével zárul, végig képernyőképekkel.
Exportálás Claude Designból: WordPress-téma a html2wp alkalmazásban
A dizájnt a Claude-ból HTML-ként egy mappába mented, megnyitod az alkalmazásban, és elindítod a konverziót. Ez a legrövidebb út a témáig, mert az alkalmazásnak nincs mit megépítenie. Az útmutatóban minden lépésről van képernyőkép.
Lovable-ből WordPress: egy projekt valódi témává alakítva
A régebbi Lovable-projekt React-alkalmazás. A HTML-jében nincs mit átalakítani, amíg meg nem építed, és le nem futtatod egy valódi böngészőben. Az újabb, TanStack Start alapú projektek a szerveren renderelnek, és a konverter mindkettőt kezeli. Ez a hosszabb út, a plusz lépés magyarázatával. Példa is van benne: megnyithatod az eredeti és az átalakított oldalt, és összevetheted őket.
Claude Designból WordPress: így lesz a dizájnból téma
A HTML-artifact pontosan az a bemenet, amelyet a konverter vár. Ezért ez a legrövidebb út egy generált dizájntól a témáig. Az útmutató leírja, mit ellenőrizz az elején, és mit dönt el helyetted a konverzió. Azt is megmutatja, mi változik valójában, ha utána page builderhez nyúlsz.
Az alkalmazást válaszd, ha kattintani szeretnél, és minden oldalt az eredeti mellett akarsz látni, terminál nélkül. A bővítményt válaszd, ha már Claude Code-ban vagy Codexben dolgozol. Ott egyetlen mondattal indítod a konverziót, közvetlenül a projekt mappájában.
Ha az oldalt Lovable-ben, Bolt-ban vagy v0-ban építetted, React-alkalmazásod van. Az oldalai csak a böngészőben jönnek létre. A konverzió ezért egy lépéssel bővül, amely megépíti a projektet, és minden útvonalat kész HTML-ként ment el. Ezt a lépést a Lovable-útmutató írja le, és a Bolt és a v0 esetében is ugyanígy működik.
Ha kész HTML-fájljaid vannak, például egy artifact a Claude-ból vagy egy kézzel írt oldal, nincs mit megépíteni. A konverzió ehelyett rögtön az oldalak elemzésével indul, és ezt írja le a Claude Design-útmutató.
Az eredmény mindkét esetben ugyanaz: egy önálló WordPress-téma ZIP-fájlban, és egy jelentés a konverzióról. Mielőtt átadod az ügyfélnek, összeveted az eredetivel. Oldalról oldalra haladsz az asztali alkalmazás „Compare” (Összevetés) lapján. A konverter nem fogadja el egy élő weboldal címét. Mindig egy mappa vagy egy ZIP kell neki azokkal a fájlokkal, amelyekből az oldal felépül.
Az útmutatókban szereplő számok valódi konverziók kimenetéből származnak. Ide tartozik a konverzió ideje, az ingyenes csomag korlátai és azok a szélességek, amelyeken az oldalakat összevetjük. Így a saját projekteden ellenőrizheted őket, és összehasonlíthatod azzal, amit leírunk. Ha az eredmény a te oldaladon másként viselkedik, mint ahogy egy útmutató mondja, szólj nekünk az űrlapunkon. Azt is írd meg, melyik eszközből származik az oldal.
Az útmutatók szándékosan nem ismétlik meg a teljes konverziós folyamatot. Az alkalmazás dokumentációja leírja a telepítést, a modellválasztást és a Flash és a Full közötti különbséget. Azt is elmondja, mi hagyja el a gépedet. Azonnal kipróbálhatod: az ingyenes csomag három, egyenként legfeljebb öt oldalas webhelyet alakít át, kulcs és regisztráció nélkül.
