Az Elementor AI már egy ideje velünk van, de mostanra jutott el arra a szintre, hogy tényleg érdemes egy „leckés”, végigvezetős videóban összerakni, mit tud és hol vannak a határai. Ebben a részben nemcsak a jelenleg elérhető funkciókat nézzük meg, hanem olyan (akkor még) béta újdonságokat is megmutatunk, amik nagyon sokat dobhatnak a napi szerkesztési workflow-n.
Miről lesz szó?
Alapok: mi az Elementor AI (és mi nem az)
Az elején gyorsan helyre tesszük a kereteket: mire számíts, mire ne, és miért fontos, hogy az AI kifejezetten Elementor-környezetre van „hangolva”.
- Az Elementor AI külön előfizetés, nem része az Elementor/Elementor Pro csomagnak
- Nem univerzális „mindenre jó” AI, viszont rugalmas és Elementor-specifikus javaslatokat ad
- Folyamatos fejlesztés alatt áll, ezért a funkciók idővel változnak/bővülnek
AI Context: kontextus megadása a jobb javaslatokért (béta)
Megmutatjuk azt az új alapbeállítást, ami előre „betanítja” az AI-t a weboldalad stílusára és vállalkozására – hogy ne minden generálásnál nulláról indulj.
- Site Settings → AI Context: voice & tone beállítása (formális/baráti, stílus, hangnem)
- Vállalkozás- és weboldalinfók megadása: szolgáltatások, GYIK, nyitvatartás, egyéb részletek
- Minél több a háttérinfó, annál relevánsabb szövegeket/tartalmakat tud javasolni
Szöveg AI: generálás, átírás, hangnemváltás és fordítás
Végigmegyünk azon, hogyan tudunk Elementor-elemeken belül (címsor, szöveg, gombfelirat stb.) villámgyorsan új szöveget kérni vagy a meglévőt átalakítani.
- „Edit with AI” ikon szöveges mezőknél: átírás, rövidítés/hosszabbítás, hangnemváltás
- Simplify, korrektúra jellegű javaslatok és többféle stílus kipróbálása
- Fordítási lehetőség – és őszintén megnézzük azt is, amikor a magyar nyelv még döcögős
- Prompt Library: kész promptötletek szövegekhez (pl. szekciócímek, blogcímek, headline-ok)
Kép AI: képgenerálás és képszerkesztés Elementorban
Kipróbáljuk a képgenerálást nulláról (típus, stílus, képarány), és azt is, mit tud a rendszer egy meglévő képpel: variációk, háttér, kisebb „kozmetika”.
- Képtípusok és stílusok (fotorealisztikus, digitális, 3D stb.), plusz aspect ratio választás
- Generált képek mentése a médiatárba és azonnali felhasználás
- Szerkesztés meglévő képnél: variációk, háttér eltávolítás/csere (óvatosan)
- Előzmények és csomagkülönbségek (pl. hosszabb „history” a magasabb csomagban)
CSS AI: gyors animációk és stílusok Elementor-kompatibilisen
A videó egyik legpraktikusabb része: megmutatjuk, hogyan generáltathatsz CSS-t egy elemre, hogy például hover animációt kapj – úgy, hogy közben tanulsz is belőle.
- Advanced → Custom CSS (Pro és csomagfüggő): AI-val CSS generálás helyben
- Gyakori igények gyorsan: hover nagyítás, finom átmenetek, látványosabb UI
- Kód mellé magyarázatot is ad (és azt is látjuk, amikor ez nem tökéletes)
- Prompt Library kód rész: CSS ötletek és kiindulópontok
Konténerek és struktúrák AI-val: szekciók, variációk, referenciák + CoPilot (béta)
Itt jön a „wow” rész: konténer layoutok generálása promptból, variációk sablonból, sőt weblap-referencia alapján is – és közben beszélünk a realitásról, hogy ez mikor működik jól és mikor nem.
- Konténer-szekciók generálása: jellemzően több variáns, újragenerálási lehetőséggel
- Reference website: URL alapján próbál szekciót „lemásolni” – de nem 1:1, és hibázhat
- Template library alapú variációk készítése: jó kiinduló pont gyors építkezéshez
- CoPilot (béta): automatikus javaslatok, amiket elfogadhatunk vagy elutasíthatunk
Egyedi kód generálás az adminban: példák (pl. Pixel/Analytics)
A végén átlépünk az admin felületre, és megnézzük, hogyan tud az AI egyedi kódot írni Elementor Custom Code-hoz – úgy, hogy közben tisztázzuk, hol kell észnél lenni.
- Elementor → Custom Code: hely (location), prioritás és megjelenítési feltételek jelentősége
- „Write me code” funkció: tipikus snippet-ek (pl. Facebook Pixel/Analytics)
- Fontos: ID-k, változók cseréje és az ellenőrzés – nem mindent szabad vakon publikálni
Összegzés
A videóban végig képernyőn mutatjuk, mit tud az Elementor AI a gyakorlatban: hol gyorsít rengeteget, és hol kell még kézzel finomhangolni. Ha szeretnéd látni a konkrét példákat (és a béta újdonságokat is), érdemes végignézni/meghallgatni a teljes részt.