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, és nem kell dobozonként bajlódnod a szerkesztővel. Egy ingyenes AI chatbot (ChatGPT, Gemini vagy Claude ingyenes verziója — bármelyik jó) meglepően sokat elvégez helyetted, ha jól kéred. Ebben az útmutatóban a leggyorsabb módszert mutatjuk meg.

A lényeg egy mondatban

A legtöbben azt hiszik, az AI-tól „ötleteket" kérnek, aztán maguk pötyögik be. A kezdőnek viszont az az igazán egyszerű, ha az AI két dolgot ad:

1. Lépésről lépésre megmondja, hová kattints a WordPressben.
2. Kész „blokk-kódot" ad, amit csak bemásolsz — és egyben megjelenik az egész oldalrész, felépítve.

Így nem neked kell egyesével összerakni a címsorokat, gombokat, oszlopokat. Az AI odaadja az egész szakaszt, te beilleszted. Pár perc az egész oldal.

Mi az a „blokk-kód", és hova kell tenni?

A WordPress a tartalmat nem sima szövegként, hanem „blokkokban" tárolja (címsor-blokk, bekezdés-blokk, gomb-blokk stb.). Ezeket a blokkokat le lehet írni egy speciális kód formájában — ez a blokk-kód. Ha ezt beilleszted a megfelelő helyre, a WordPress magától felépíti belőle a kész, szerkeszthető oldalt.

Hova illeszd? A szerkesztőben jobbra fent a ⋮ (Beállítások) menüben válaszd a Kódszerkesztő nézetet (vagy Ctrl+Shift+Alt+M). Illeszd be a kapott kódot, majd válts vissza Vizuális szerkesztőre — és ott a kész oldal.

A varázsprompt

Ez az a prompt, ami ráveszi az AI-t, hogy ne folyószöveget, hanem beilleszthető blokk-kódot, kattintási útmutatót — és bátor, karakteres designt adjon. Nyiss egy beszélgetést, és maradj végig ugyanabban (így emlékszik a vállalkozásodra):

Te egy tapasztalt, bátor webdesigner vagy, és segítesz igényessé és egyedivé
tenni a WordPress weboldalamat. Kezdő vagyok, ezért minden lépésnél két dolgot kérek:

1. Írd le LÉPÉSRŐL LÉPÉSRE, pontosan hova kell kattintanom a WordPressben.
2. Ahol oldalrészt készítünk, adj KÉSZ WORDPRESS BLOKK-KÓDOT (a WordPress saját
   formátuma, Gutenberg block markup `<!-- wp:... -->` megjegyzésekkel,
   NEM sima HTML), egyetlen kódblokkban, amit a „Kódszerkesztő" nézetbe illesztek.

TERVEZZ BÁTRAN! Ne a sablonos alap kinézetet add — legyen karaktere. Nyugodtan
HASZNÁLJ EGYEDI CSS-T is: ha kell, adj egy külön CSS-blokkot, amit a
Stílusok → Egyéni CSS mezőbe másolok. Merj színben, tipográfiában, térközben
és elrendezésben egyedi lenni. (Ha egyedi betűtípust szeretnél, a CSS elején
egy Google Fonts @import sorral behúzhatod — bővítmény nélkül is működik.)

Szabályok, amiken belül szabad a kezed:
- Csak beépített (core) WordPress-blokkokat + CSS-t használj. Bővítményt NE
  javasolj, fájlt (pl. functions.php) NE szerkesszünk, JavaScriptet NE használj.
- A Twenty Twenty-Five témát használom.
- A blokk-kódot és a CSS-t is külön, egy-egy kódblokkban add, magyarázat nélkül.

A vállalkozásom: [ÍRD LE 2–3 mondatban — mit csinálsz, hol, mióta]
A célközönségem: [KINEK szól]
A stílus, amit szeretnék: [pl. nyugodt és letisztult, VAGY merész és modern]

Először foglald össze, mit értettél meg, és kérdezz, ha valami hiányzik.
Aztán kezdjük a kezdőlappal.

A szögletes zárójeles részeket írd át a sajátodra — minél konkrétabb vagy, annál jobb lesz az eredmény. Személyes adatot (jelszót, címet) soha ne másolj a promptba.

Nyugodtan kísérletezz a designnal: az egyedi CSS a Stílusok → Egyéni CSS mezőbe kerül, és ha nem tetszik az eredmény, egy pillanat alatt kitörölheted — minden visszaáll. Nem tudsz vele véglegesen elrontani semmit. Ezért mersz itt bátrabb lenni, mint gondolnád.

Így használd, amit kapsz

1. Az AI ad egy blokk-kódot egy szakaszhoz (pl. a kezdőlaphoz).
2. WordPress: Oldalak → a szerkesztendő oldal → jobb fent ⋮ → Kódszerkesztő.
3. Illeszd be a kódot, majd válts vissza Vizuális szerkesztőre.
4. Ha jó, Frissítés/Közzététel. Ha valamin változtatnál, kérd az AI-tól a javított kódot (lásd lejjebb).

Ha figyelmeztetést kapsz: néha beillesztés után a WordPress ezt írja egy blokknál: „Ez a blokk váratlan vagy érvénytelen tartalmat tartalmaz." Ne ijedj meg — kattints a „Helyreállítás megkísérlése" gombra, és általában egy kattintással rendbe jön. Ha nem, másold vissza az AI-nak a hibát, és kérd, hogy adja újra a kódot egyszerűbb blokkokkal.

Színek és betűtípusok

A színvilágot és a betűket nem blokk-kóddal, hanem a téma beépített beállításaival érdemes megadni. Kérd az AI-tól a színkódokat (hex, pl. #4D6A57), majd:

• Megjelenés → Szerkesztő → Stílusok → Színek — itt add meg a háttér-, szöveg- és gombszíneket.
• Stílusok → Tipográfia — itt választhatsz betűtípust.

Egy őszinte figyelmeztetés: az AI néha magabiztosan téved abban, hogy melyik betűtípus „beépített" a témádba. Mindig ellenőrizd a Stílusok → Tipográfia menüben, mi érhető el ténylegesen — és abból válassz. Ha a javasolt betű nincs a listában, kérd az AI-tól, hogy a ténylegesen elérhetők közül ajánljon.

Ha valamin változtatnál: iterálj

Ezt a blokk-kódot használom most: [MÁSOLD BE].
Ami nem tetszik: [pl. a gombok túl nagyok, a főcím túl hosszú].
Add vissza a TELJES, javított blokk-kódot egyben (ne csak a módosított részt),
ugyanazokkal a szabályokkal (core blokkok, Twenty Twenty-Five, egy kódblokkban).

Gyakori hibák — ezeket kerüld el

• „Telepítsd a … bővítményt" — kezdésnek nincs rá szükséged; a fenti módszer bővítmény nélkül működik. (Egyetlen kivétel, amit később megérhet: egy egyszerű kapcsolati űrlap — de az arculathoz nem kell.)
• „Szerkeszd a functions.php fájlt" — soha ne tedd AI-tanácsra. Egy elütés az egész oldalt leverheti.
• Több beszélgetés keverése — maradj egy beszélgetésben, különben az AI elfelejti a briefed.
• Sima HTML-t kaptál blokk-kód helyett? Írd oda: „ez sima HTML, nekem WordPress blokk-kód kell, `<!-- wp:... -->` megjegyzésekkel."
• Angol válasz? Írd oda: „magyarul válaszolj."

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.

Ha elakadtál egy blokk-kóddal: kattints a jobb alsó chat buborékra, és mutasd meg, mit kaptál az AI-tól — segítünk értelmezni.

Nincs időd, vagy komolyabbat szeretnél?

A fenti módszerrel bárki összerak egy szép, működő oldalt ingyenes AI-val. De ha nincs rá időd, vagy egy igényesebb, egyedi oldalra van szükséged, azt is elvállaljuk — egy technológiai cég szemléletével, a tárhelytől a kódig. Kezdd egy ingyenes konzultációval →