Így alakítsd a HTML-t WordPress-témává: útmutató a html2wp alkalmazáshoz

Az alkalmazás telepítése

Töltsd le a html2wp alkalmazást Apple Silicon chipes (M1 vagy újabb) Macre vagy Windowsra, és telepítsd, mint bármely más alkalmazást. A Windows-változat még Preview (előzetes) állapotban van, Linux-változat később jön.

Az első megnyitáskor kattints a „Prepare environment” (Környezet előkészítése) gombra. Az alkalmazás ekkor letölt mindent, amire szüksége van. Ezt csak egyszer teszi meg, és eltart egy ideig.

A munkájához az alkalmazásnak a Docker Desktop nevű ingyenes programra van szüksége. A Docker egy ideiglenes WordPresst futtat, az alkalmazás oda telepíti a témát, és ott ellenőrzi. Ha nincs Dockered, az alkalmazás letölti, és elindítja helyetted a telepítőt. Közben a gép kérheti a jelszavadat.

Bejelentkezés ChatGPT-vel

A konverziót a ChatGPT-előfizetésed AI-ja végzi, így nekünk nem fizetsz kreditért vagy tokenért.

Az alkalmazásban kattints a „Connect with ChatGPT” gombra. Az alkalmazás mutat egy 9 karakteres kódot, és megnyit egy OpenAI-oldalt a böngésződben. Ott válaszd ki a ChatGPT-fiókodat, vagy jelentkezz be.

Ezután az oldal egy kódot kér „a terminálból”, és a Codex CLI-t említi. Ez rendben van: a html2wp a Codexet használja, és az oldal az alkalmazásban látott kódot kéri. Illeszd be (az alkalmazásban a kódra kattintva kimásolod), és kattints a „Continue” gombra. A bejelentkezés után az alkalmazás magától frissül.

Új projekt a HTML-eddel

Kattints a „New project” (Új projekt) gombra, és válaszd ki az oldaladat tartalmazó mappát vagy ZIP-et. Lehet ez Lovable-, Bolt- vagy v0-export, Claude-ból származó dizájn vagy sima HTML-oldal. Az alkalmazás nem fogad el webcímet (URL-t), mert azokra a fájlokra van szüksége, amelyekből az oldal felépül.

Az alkalmazás magától kitalálja, melyik oldal a kezdőlap, és melyik a blog, egy cikk vagy egy termék.

Aztán válaszd ki, mit szeretnél kapni. Általában WordPress-témát készítesz a HTML-ből, Flash vagy Full módban. Ha nincs szükséged WordPressre, válassz helyette Astro 5 projektet. Ez a konverzió rövidebb, és a kész oldalt közvetlenül az alkalmazásból telepítheted a Cloudflare Pages szolgáltatásra, ahol ingyen hosztolhatod.

HTML-ből WordPress-téma Flash vagy Full módban

A Flash a gyors konverzió, és ez az alapértelmezett az alkalmazásban. Minden lépés egyszer fut le. A menüket, a blogot, a webshopot és az űrlapokat rögtön felismeri és beköti. Az ellenőrzések is egyszer futnak, az eredményüket a jelentésben találod. Körülbelül fél óráig tart, és a legtöbb oldalhoz, valamint egy gyors kipróbáláshoz is megfelel.

A Full az alapos konverzió. Minden ellenőrzést lefuttat, és megpróbálja kijavítani a talált hibákat. Körülbelül egy óráig tart, és többet használ a ChatGPT-előfizetésed keretéből. Ezért összetettebb oldalaknál éri meg, vagy ha a Flash után a jelentésben sok csiszolnivaló maradt.

Mindkét mód használható WordPress-témává alakítja a HTML-edet, és megjegyzést fűz mindenhez, ami még hátravan. A pontos idő az oldalak számától és a géped sebességétől függ.

A modell kiválasztása

Az alkalmazásban kiválasztod az AI-modellt és a gondolkodási szintet (Reasoning effort).

• A GPT-6-Luna Extra high szinten elég a szokásos konverziókhoz. Olcsó, keveset használ az előfizetésed keretéből, és a legtöbb oldallal egyedül is elboldogul.
• A GPT-6-Sol Medium vagy High szinten az, amit akkor ajánlunk, ha valamit javítani kell, például Full konverziónál vagy a csevegésen keresztüli módosításoknál.
• A GPT-6-Astra a legerősebb és legdrágább modell. A szokásos munkához nem kell, de segít, ha még a Sol sem tud megoldani egy problémát.

A modellt bármikor módosíthatod, amikor épp nem fut konverzió. Minden projektnek lehet saját modellje.

A WordPress-téma ellenőrzése

Amikor a konverzió befejeződik, az alkalmazás szól. Ha valami nem sikerül, előbb magától próbálja kijavítani. Akárhogy is, mindig átad egy használható témát egy megjegyzéssel arról, mit kell még csiszolni.

A „Preview” lapon kattints az „Open website” gombra, és nézd meg az új oldalt a böngésződben. A „Compare” (Összevetés) lap egymás mellett mutatja az eredetit és a konverziót, a különbséggel százalékban. Írd be a csevegésbe, ami nem tetszik, és az alkalmazás kijavítja. A kész módosításokat aztán a „Make release” gombbal mentsd el új verzióként.

Az automatikus ellenőrzések a legtöbb különbséget elkapják, de nem mindet. Ezért nézd át az oldalakat, mielőtt átadod a témát az ügyfélnek. A téma ZIP-fájlját az „Exports” lapon mented el, és a WordPressben a Megjelenés → Témák → Új hozzáadása → Téma feltöltése menüben töltöd fel.

Adatok és adatvédelem

A témát a szerverünk építi meg. A munka nagy része (mérés, összevetés az eredetivel és javítás) viszont a gépeden fut, és a ChatGPT-fiókod AI-ja irányítja. Amin az AI dolgozik, azt az OpenAI a fiókod feltételei szerint dolgozza fel.

Mi kerül a szerverre

Az Astro-projektté alakított oldalad (oldalak, stílusok, szkriptek, képek és betűtípusok), plusz információk az egyes oldalakról. Az eredeti projektmappa és a telepített könyvtárak (node_modules) nem mennek el. A feltöltött adatok 48 óra után automatikusan törlődnek. Csak egy ujjlenyomat (hash) marad meg, és ennek köszönhetően az újrafuttatás egy konverziónak számít.

Jelszavakat és kulcsokat tartalmazó fájlok

A belépési adatnak tűnő fájlok egyáltalán nem kerülnek a csomagba: .env, kulcsok (.pem, .key, id_rsa), .npmrc, .netrc, a .ssh és az .aws mappa, és semmilyen fájl privát kulccsal. Mindent, amit az alkalmazás kihagyott, név szerint megtalálsz a jelentésben.

Az ellenőrzések eredménye

A téma tesztelése után az alkalmazás csak az ellenőrzések eredményét küldi el: melyik ellenőrzés ment át és melyik nem, az oldalak számát, az eredetitől való legnagyobb eltérést és az elbukott oldalak rövid nevét (például „about”). Nem küldi el az oldal címét, a domaint, a kódot, a szöveget, a képernyőképeket, a fájlútvonalakat, a licenckulcsot és az oldal nevét.

Az ellenőrzések a gépeden lévő WordPress ellen futnak, amelyet a szerverünk sosem lát. Az eredményük nélkül a szerver csak annyit tudna, hogy a konverzió nem omlott össze. Ezért a következő konverzió csak akkor indul, ha az előző elküldte az eredményeit. Az alkalmazás ezt automatikusan elküldi. A teljes leírás az adatvédelmi oldalon van.

Szerkesztés Visual Edittel

A HTML-ből WordPress-témává alakított oldalnak a működéshez nem kell bővítmény. Az oldalak, a blog, az űrlapok, a menük, a SEO és az átirányítások mind a téma részei. Az átirányítások a régi címeket az újakra küldik: aki a régi /about.html linket nyitja meg, a /about/ oldalra jut, így az oldal megtartja a keresési helyezéseit.

A rámutatásos-kattintásos szerkesztést a Visual Edit adja, egy WordPress-bővítmény, amelyet magad telepítesz. Csak az változik, amire kattintasz. Egyetlen page builder sem építi át alattad az oldal kódját.

A Pro külön éves licenc az árak oldalán. Minden konverzió, akár Free, akár Pro, az ingyenes Lite változatra mutat. Ha kikapcsolod a bővítményt, az oldalak továbbra is megjelennek, és a téma teljesen használható marad.

Licenc, előfizetés, béta

Újrafuttatás

Az ingyenes csomagban összesen 5 újrafuttatásod van az összes konverzióra, Pro licenccel pedig korlátlan. Az újrafuttatás ugyanannak az oldalnak az újbóli feltöltése. A szerver az ujjlenyomata (hash) alapján felismeri, így újrafuttatásnak számít, nem új konverziónak.

Az előfizetés kezelése és lemondása

Az előfizetésedet az előfizetési oldalon kezeled. A link az oldal láblécében és minden licenc-e-mailben megtalálható. A Paddle ügyfélportálján lemondhatod az előfizetést, cserélhetsz kártyát, letöltheted a számlákat, és válthatsz a havi Pro-ról az évesre. A portál a vásárláskor használt e-mail-címre küldött linkkel léptet be, így nem kell jelszó.

A lemondás leállítja a következő megújítást. A kulcsod a kifizetett időszak végéig működik, és minden téma, amelyet átalakítottál, a tiéd marad. A lemondás nem visszatérítés: a visszatérítésre a visszatérítési feltételek vonatkoznak.

Mit jelent a béta

A html2wp valódi oldalakat alakít át, és valódi munkákhoz használják. Az alkalmazás minden oldalt összevet az eredetivel 1440 és 390 px szélességen, és minden talált különbséget felsorol a jelentésben. Ahol egy ellenőrzés nem teljesül, a jelentés leírja, mi tér el, és megkapod a legjobb használható témát. Mielőtt eredményt ígérsz az ügyfélnek, nézd át a megjelölt oldalakat.

Ha magában a konverterben találsz hibát, jelentsd úgy, ahogy a bővítmény dokumentációja leírja. Egy ember olvassa el, a javítások pedig szolgáltatásfrissítésként érkeznek.