← Tudásbázis
Indulás

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.

Nem sikerült valami, vagy kérdésed maradt? Írj nekünk — vagy kattints a chat buborékra.