Szabd egyedire a WordPress oldalad ingyenes AI-val
Kész a WordPress oldalad, de még az alapkinézetét mutatja? Nem kell hozzá webdesigner — egy ingyenes AI chatbot (ChatGPT, Gemini vagy Claude ingyenes verziója, bármelyik jó) meglepően sokat segít. Ebben az útmutatóban pontosan megmutatjuk, mit kérj tőle és hova illeszd be, amit kaptál — másolható promptokkal.
Mit tud az AI — és mit nem?
Legyünk őszinték, mielőtt belevágunk:
- Amit remekül tud: színvilágot tervezni, a témád kinézetét CSS-sel finomhangolni, és megírni az oldalad szövegeit — főcímet, bemutatkozást, szolgáltatáslistát.
- Amit nem: nem látja az oldaladat, nem tud rákattintani semmire, és nem épít neked teljesen egyedi designt. A végeredmény egy igényesen testre szabott oldal lesz, nem egy egyedi fejlesztés — de a látogatóid szemében pont ez a különbség a „sablonos" és a „profi" benyomás között.
A három arany szabály: az AI tanácsai közül csak azt fogadd el, ami (1) a téma beépített beállításaiba, (2) az „Egyéni CSS" mezőbe, vagy (3) az oldalszerkesztőbe szövegként illeszthető. Ha bővítmény telepítését vagy fájlok szerkesztését javasolja — hagyd ki. A lenti promptokba ezt már bele is írtuk helyetted.
Előkészület: 2 perc
Nyiss egy beszélgetést a választott AI chatbotban, és végig ugyanabban a beszélgetésben maradj — így az AI emlékszik a vállalkozásodra, és minden válasza illeszkedni fog. Az első üzenet a „brief":
Te egy tapasztalt webdesigner és szövegíró vagy. Segítesz egyedivé tenni a WordPress weboldalamat. A vállalkozásom: [írd le 2–3 mondatban — pl. női fodrászat Kalocsán, 15 éve] A célközönségem: [pl. helyi hölgyek, 25–60 év] A hangulat, amit szeretnék: [pl. elegáns, meleg, barátságos] Fontos szabály: csak olyan megoldást javasolj, amihez NEM kell bővítményt telepíteni és NEM kell fájlokat szerkeszteni. Először foglald össze, mit értettél meg, és kérdezz, ha valami hiányzik.
A szögletes zárójeles részeket írd át a sajátodra — minél konkrétabb vagy, annál jobb lesz minden további válasz. Személyes adatot (jelszót, címet, telefonszámot) soha ne másolj be.
1. Színvilág — kód nélkül
Készíts a vállalkozásomhoz illő színpalettát: 1 fő szín, 1 kiegészítő szín, 1 háttérszín és 1 szövegszín. Mindegyiket add meg hex kóddal (#RRGGBB), és írd le egy mondatban, hova való. A szöveg jól olvasható legyen a háttéren (erős kontraszt).
A kapott hex kódokat a téma beépített beállításaiban tudod megadni:
- Ha a Megjelenés menüben Szerkesztőt látsz (a modern alaptémáknál így van): Megjelenés → Szerkesztő → Stílusok → Színek.
- Ha Testreszabást látsz: Megjelenés → Testreszabás → Színek.
2. Finomhangolás Egyéni CSS-sel
Ha a beépített beállítások kevésnek bizonyulnak, jöhet egy kis CSS — nem kell értened hozzá, csak bemásolni:
Írj CSS kódot, ami a WordPress [témád neve — a Megjelenés menüben látod] témát az előbbi színpalettára és hangulatra szabja (gombok, címsorok, linkek, térközök). KIZÁRÓLAG olyan CSS-t adj, ami a WordPress „Egyéni CSS" mezőjébe illeszthető. Ne használj JavaScriptet, ne hivatkozz külső fájlra. Ha valamit nem lehet így megoldani, mondd meg őszintén, és hagyd ki.
A kapott kódot ide másold:
- Szerkesztős témánál: Megjelenés → Szerkesztő → Stílusok → a jobb felső ⋮ menü → Egyéni CSS (angolul: Additional CSS).
- Testreszabásos témánál: Megjelenés → Testreszabás → Egyéni CSS.
Ezt nem lehet elrontani: az Egyéni CSS mező tartalma bármikor törölhető, és az oldalad visszaáll az eredeti kinézetére. Kísérletezz bátran.
3. A kezdőlap szövege
Írd meg a kezdőlapom szövegét magyarul: egy ütős főcím (legfeljebb 8 szó), egy alcím (1–2 mondat), három rövid blokk a szolgáltatásaimról vagy előnyeimről (cím + 2 mondat), és egy cselekvésre ösztönző zárómondat. Tegeződj / magázódj: [válassz]. Kerüld az üres közhelyeket („minőség és megbízhatóság") — írj konkrétumokat a briefem alapján.
A kapott szövegblokkokat az oldalszerkesztőben illeszd be (Oldalak → Kezdőlap → szerkesztés), egyszerű bekezdés- és címsor-blokkokba.
4. A „Rólunk" oldal
Írj egy „Rólunk" oldalt kb. 150–200 szóban. Legyen személyes és hiteles, ne öntömjénező. Amit tudnod kell rólam: [mióta működsz, mi a történeted, mitől vagy más, mint a többiek].
5. Cím és szlogen a Google-nek
Adj 5 javaslatot a weboldalam címére (legfeljebb 60 karakter) és szlogenjére (legfeljebb 100 karakter) úgy, hogy a Google találati listáján is azonnal érthető legyen, mit csinálok és hol. A [településnév] szerepeljen benne.
A győztest itt állítsd be: Beállítások → Általános → Webhely címe és Szlogen.
6. Ha valami nem tetszik: iterálj
Az első válasz ritkán tökéletes — de nem kell elfogadnod. Ez a javító prompt bármire működik:
Ezt használom most: [másold be a CSS-t vagy szöveget]. Ami nem tetszik: [pl. a gombok színe túl harsány, a főcím túl hosszú]. Javítsd úgy, hogy minden korábbi szabály érvényben maradjon, és a teljes, frissített változatot add vissza — ne csak a módosított részt.
Gyakori hibák — ezeket kerüld el
- „Telepítsd a … bővítményt" — az AI szereti ezt javasolni. Kezdésnek nincs rá szükséged; minden fenti lépés bővítmény nélkül működik.
- „Szerkeszd a functions.php fájlt" — soha ne tedd AI-tanácsra. Egy elütés az egész oldalt leverheti, és ezt már nem lehet egy mező törlésével visszacsinálni.
- Több beszélgetés keverése — ha új chatben folytatod, az AI elfelejti a briefed. Maradj egy beszélgetésben, vagy másold be újra az első promptot.
- Angol válasz? Írd oda: „magyarul válaszolj" — és onnantól úgy fog.
Mennyibe került mindez?
Az AI: 0 Ft. A tárhely: a Nano csomagon 199 Ft/hó + ÁFA. Ha még nincs tárhelyed, a telepítéstől idáig összesen egy délutánba telik — útmutatóink lépésről lépésre végigvezetnek.
Ha pedig elakadtál a promptokkal: kattints a jobb alsó chat buborékra, és mutasd meg, mit kaptál az AI-tól — segítünk értelmezni.