Hogyan lehet stílusosan megjeleníteni a feliratokat a Live Designerrel?

Hogyan stílusozzuk a címkéket a Live Designer-rel?

A címkék kinézete teljesen egyénileg igazítható a webáruház megjelenéséhez. Lépésről lépésre bemutatjuk, hogyan hozhatod létre a kinézetet a Live Designer eszközben.

Hogyan működik a Live Designer

A Pobo Page Builder-be bevezettük a Live Designer nevű eszközt, amelynek célja az, hogy a címkék kinézetét egyedien alakítsa stílusok (CSS) és HTML ismerete nélkül. A designerben a következőket módosíthatja: 

1. A második és harmadik szintű, a bekezdések és a listák fejléceinek mérete, behúzása, színe és sorköze. 
2. Widgetek közötti távolságok
3.  Widgetek részletes stílusozása

Szerkesszük meg az első terméket...

Válaszd ki azt a terméket, amelyet szerkeszteni szeretnél, majd a felső sávban válaszd ki a megjelenés módosítása szekciót. 

Bármelyik widgetre kattintva a jobb oldali sávban megnyílik a szerkesztő.

A widgeten belül módosíthatod a képet, a címet és a szöveget. Ezt megteheted az elem kiválasztásával a szerkesztő jobb oldali sávjában, vagy az elem melletti zöld ceruza ikonra kattintva. 

Az elem kiválasztása után a jobb oldali sávban megjelennek a szerkesztési lehetőségek:

• betűméret
• sorköz
• szöveg színe
• külső behúzás
• betűtípus
• szöveg kiemelés

Az alapértelmezett beállítások szerint a módosítások az adott stíluskiterjedés szerint alkalmazódnak, amelyet az editor felső részében állíthatsz be.

A kapcsoló  Ez az oldal és Az egész webáruház segítségével meghatározhatod, hogy a változások csak az aktuális oldalhoz, vagy az egész webáruházhoz legyenek globálisan alkalmazva.

A egyéni widget szerkesztésén belül lehetséges beállítani a színes háttér, gradiens (a színekkel és szögekkel együtt) vagy képet a widget háttérben.

A Live Designer-en belül lehetőséged van arra, hogy élőben megtekintsd az oldal előnézetét tableten és telefonon. A felső sávban válaszd ki a számítógép gombot, majd megnyílik a választás (számítógép, tablet és mobil). A megfelelő változatra kattintva megnyílik az adott előnézet. 

Stilizáld a címkék megjelenését az AI designer segítségével

A Live Designer új funkcióként tartalmazza az AI Designer, amely lehetővé teszi a címkék megjelenésének módosítását mesterséges intelligencia segítségével. Egyszerű szöveges utasításokkal gyorsan megváltoztathatod a fejléc méretét, a színeket, az elrendezést vagy a tartalom általános stílusát anélkül, hogy kézi beállításokra lenne szükség.

Hogyan lehet megnyitni az AI Designert

Az AI Designert úgy nyithatod meg, hogy a Live Designer jobb oldali panelén rákattintasz az AI gombra. Ezután megjelenik egy mező, amelybe beírhatod a kívánt megjelenési módosítást.

Hogyan használd az AI Designert

Írd be a mezőbe a kívánt változás leírását, például:

• változtasd meg a fejléc színét
• növeld meg a szöveg méretét
• tegyél nagyobb távolságot a widgetek közé
• használj modern designt lekerekített sarkokkal

Az AI Designer automatikusan létrehozza az illeszkedő stílustés alkalmazza azt a tartalomra. Nincs szükség az egyes paraméterek kézi módosítására, mert az AI az Ön bemenete alapján hajt végre változtatásokat. 

Az AI Live Designer megőrzi a klasszikus Live Designer minden lehetőségét. Így továbbra is kézzel szerkesztheted az egyes widgetek, a konkrét oldal vagy az egész webáruház kinézetét, használhatod az előnézetet különböző eszközökre, és kombinálhatod az AI módosításokat a jobb oldali panelen történő kézi beállításokkal.

A módosítások befejezése után kattints a jobb felső sarokban található Változtatások mentése gombra. A változások ezt követően az adott stíluskiterjedés szerint alkalmazódnak (például az aktuális oldalra vagy az egész webáruházra).

Ha el szeretnéd vetni a végrehajtott módosításokat, használhatod a Változtatások elvetése gombot, amely lehetővé teszi az utolsó verzió visszaállítását vagy a végrehajtott változtatások eltávolítását.