Banner képek

Róma 2.0 

Tokyo

Korfu

Los Angeles

Milánó

Amsterdam

Starter

Stockholm

Helsinki

Las Vegas

Párizs

Madrid

Ebben a leírásban az elérhető témákhoz találjuk meg a főoldali bannerkezelő modul ajánlott képméreteit és a fontosabb információkat a modulok megfelelő beállításához. Banner méretek témák szerint

Róma 2.0 

A banner magassága nem fix. Mindegy, hogy 200 vagy 500 px magas csak legyen egységes, minden banner magassága egyezzen meg.

Ami a szélességet illeti, a Róma 2.0 témában alapértelmezetten teljes szélességű bannerkezelő modul található. Nézzük meg melyik képernyőfelbontás a leggyakoribb (analytics / közönség / technológia) amiről a látogatók a boltot használják és optimalizáljunk arra.

A demo boltban 1920 x 650 px-es képeket használtunk.

 

Tokyo

A mobilbarát terület a banner középső részén helyezkedik el és egy 1170 x 700 px-es szeletet foglal magában. A  terület a banner bal és jobb szélétől egyaránt 375 px-re helyezkedik el.

A banner szövegét érdemes a mobilbarát területen elhelyeznünk.

Ajánlott a banner elkészítése előtt letöltenünk a minta bannert.

A Tokyo banner .psd kiterjesztésű verzióját itt tudjuk letölteni.

Nem érdemes figyelmen kívül hagyni az erről készült bejegyzésünket sem: Banner készítés a Tokyo sablonhoz.

Fontos! A téma úgy lett kialakítva, hogy a rendszer 700 px magasra állítja be mindig a bannert. Ez azt jelenti, hogyha ettől kisebbet használunk (pl. 600 px magas a képünk), ezt 700 px-re nagyítja / nyújtja a rendszer, tehát torzulni fog a banner és romlik a minőség. Ez nem azt jelenti, hogy nem használhatunk kisebb bannert, hanem ebben az esetben már ezt CSS kódokban kell kezelnünk.

A demo boltban 1920 x 700-as képeket használtunk.

 

Korfu

Hasonló módon kell eljárnunk, mint a Tokyo banner ismertetőjében.

 

Los Angeles

Ajánlott képméret: 860x540px

 

Milánó

Ettől a témától már egy újabb bannerkezelő modult alkalmaztunk, ami a slick carouselre épül. Ennek több előnye is van a korábbi megoldással szemben:

Dinamikus modulként szerepel a rendszerben.
Lehet swipe-olni is a bannereket (megfogjuk és húzzuk jobbra-balra)
Mobilon eltérő képet használhatunk az asztalitól, így külön fel lehet tölteni desktop (asztali) és mobil képet is a modulban.
A bannerek sorrendje drag&droppal állítható. (fogd és húzd)
Az admin felületen tudunk címet, alcímet és gomb szöveget írni a képre, valamint ezeknek a betűszíne is a modulban módosítható.


A demo boltban 1920x700-as képeket használtunk asztali nézeten és 420x560-as képeket mobilon. 

 

Amsterdam

Ajánlott képméret: Asztali: 1920x1000px | Mobil: 480px széles

Hasonló módon kell eljárnunk, mint a Milánó banner ismertetőjében.

Fontos! A kategória menü mögé benyúlik, ezért érdemes olyan képeket feltöltenünk, ami nem fekete / sötét a tetején, hogy a kategória menü mindig látható legyen. A másik opció, ha a kategóriák színét megváltoztatjuk.

 

Starter

Ajánlott képméret: Asztali: 1920x500px | Mobil: 480px széles

 

Stockholm

Ajánlott képméret: Asztali: 1920x600px | Mobil: 450x250px

Mobilon a szöveg és a gomb fixen a banner kép alá kerülnek, a közösségi oldalak posztjaihoz hasonló elrendezést kapnak.

 

Helsinki

Ajánlott képméret: Asztali: 1920x800px | Mobil: 480px széles

Mobilon a szöveg és a gomb fixen a banner kép alá kerülnek, a közösségi oldalak posztjaihoz hasonló elrendezést kapnak.

 

Las Vegas

Ajánlott képméret: Asztali: 1920x700px | Mobil: 480px széles

Mobilon a szöveg és a gomb fixen a banner kép alá kerülnek, a közösségi oldalak posztjaihoz hasonló elrendezést kapnak.

Beállítható, hogy a banner teljes szélességű legyen vagy sem.

 

Párizs

Ajánlott képméret: Asztali: 1920x700px | Mobil: 480px széles

Madrid

Ajánlott képméret asztali nézetben: Függőleges kategória menü esetében ajánlott: 970x650px méret.
Vízszintes kategória menü esetében ajánlott: 1300x600px méret.
Képformátum: JPG mindkét esetben.

Ajánlott képméret mobilnézet esetében: Ajánlott: 450px széles és .jpg formátum, pl.: 450x300px

 

 

 

 

Van még kérdésed? Kérdés beküldése