Galéria blokk – Sima rácsos galéria
Galéria blokk választható változat.
Galéria blokk – Sima rácsos galéria
Az elemek rendezett rácsban jelennek meg. Önálló képek és többképes referenciacsoportok is használhatók.
Mire érdemes használni?
Egységes, szabályos képrácshoz, amikor minden referencia hasonló vizuális súlyú.
Blokk működése
Blokk beállításai
Ezek a beállítások minden blokk szerkezeti és navigációs működését egységesen vezérlik.
- Megjelenési változat: meghatározza a blokk elrendezését és az elérhető tartalmi mezőket. Változatváltás után ellenőrizd az előnézetet.
- Dobozos háttér megjelenítése: alapból bekapcsolt V1 megjelenési kapcsoló. Kikapcsolva az adott blokk dobozos kerete, lekerekítése, árnyéka és belső alap surface-e tűnik el. Ez nem kapcsolja ki az „Egyedi háttér” színét: a teljes blokkszakasz külön háttérrel doboz nélkül is használható. A tartalom, a gombok, az űrlapmezők, valamint a Blog- és árkártyák funkcionális belső elemei megmaradnak.
- Egyedi háttér: a blokk saját színe elsőbbséget élvez az aktív globális egyedi Halvány háttérrel szemben; ezek hiányában a színtéma és a vizuális stílus alapja érvényesül. Egyedi szín használatakor a szakasz alapgradiense eltűnik dobozzal és doboz nélkül is. A háttérképek, videók, olvashatósági fedőrétegek és a külön Dekoráció megmaradnak. A publikus oldal és az előnézet azonos színelsőbbséget követ. Egyedi színnél az adott blokk teljes szakasza külön hátteret kap, függetlenül attól, hogy a Dobozos háttér kapcsoló be vagy ki van kapcsolva. A felülírás a profil által külön festett section/surface rétegeket is kezeli, például a Local Premium kapcsolat-űrlap sötét kártyáját. A szakasz automatikus szövegszíne a háttér kontrasztjához igazodik a publikus oldalon, az új blokk és a mentett blokk előnézetében is. A kézzel választott szövegszínek megmaradnak; a belső kártyák és médiafeliratok saját felületükhöz tartoznak. A Dark Mode ettől külön, legfelső vizuális rétegként működik.
- Formázott leírások: a standard szerkesztőben a kijelölt szöveg betűtípusa, mérete és színe külön állítható, akár több bekezdésben is. Az igazítások között sorkizárás is választható. Az egyedi formázás elsőbbséget kap a globális tipográfiával szemben.
- Szerkesztő ürítése: megerősítés után csak az adott mező tartalmát és formázását törli; a Visszavonás visszaállítja. A feltöltött fájlokat nem törli.
- Táblázatháttér: Alapértelmezett, Egyedi szín vagy Átlátszó. Az átlátszóság a mobil kártyákra is érvényes; a keret külön kapcsolható. Meglévő táblázatnál kattints egy cellába, majd a Táblázat gombra.
- Dekoráció: az egyedi vagy globális blokkháttértől és a Dobozos háttér kapcsolótól független réteg. Ha a dekoráció globálisan vagy az adott blokknál aktív, a fő <code>::before</code> dekoráció Egyedi háttérrel és doboz nélküli megjelenéssel is megmarad. A Sablon, vizuális stílus, színtéma és betűtípus panelen globálisan kapcsolható, és itt globális dekorációtípus, bal/jobb oldali alaphely, valamint Egyedi kép esetén saját logó/ikon is választható. Bekapcsolva a legtöbb nem-Hero blokk Megjelenés csoportjában külön felülírható az Alapértelmezett, Nincs dekoráció, az öt vizuális profilhoz igazított dekoráció vagy az Egyedi kép. A kiválasztott profil egy fő háttérdekorációként jelenik meg, nem ad külön másodlagos after díszítést. Egyedi képhez SVG, áttetsző PNG vagy WEBP logó/ikon ajánlott; fotók és részletgazdag képek dekorációként kevésbé mutatnak jól.
- Aktív blokk: kikapcsolva a blokk nem jelenik meg a nyilvános oldalon, de a beállításai megmaradnak és később visszakapcsolható.
- Megjelenés a menüben: a „Menüben jelvény” a blokk saját szakaszához görgető normál menüpontot ad. A „Menü csak mobilon” ettől függetlenül is bekapcsolható: a menüpont neve mező feliratát használja, desktopon nem látszik, és külön mobil cél slugot is kaphat.
- Menünév és mobil menüikon: a menüben látható felirat és a mobilnézetben használható ikon. A menünév legyen rövid és egyértelmű.
- Kiemelt menüpont: ahol elérhető, külön vizuális hangsúlyt ad a főmenüben az adott blokk linkjének.
- Főmenü és almenük: a menüben lévő aktív blokkokból opcionálisan főmenü/almenü kapcsolat építhető. Ha nincs ilyen kapcsolat, a régi egyszerű, egyszintű menü változatlan marad.
- Mobilos menütérkép: mobilon a főmenük és almenük egy közös hierarchikus nézetben láthatók. A Főmenüvé és Almenüvé műveletek külön gombot kaptak; almenü csak a főmenü kiválasztása után menthető, sorrendje fel/le gombbal módosítható, és másik főmenü alá is áthelyezhető.
- Sorrend: az Elhelyezett blokkok listában látható szám mutatja a tényleges oldalbeli pozíciót. Bezárt állapotban a fogantyúval átrendezhető; az új sorrend automatikusan mentődik.
- Menüsorrend: ha több blokk megjelenik a menüben, azok menüpozícióját is az oldalon beállított blokksorrend határozza meg. A Menüstruktúra panel bal oldali „Menüben lévő blokkok” listája a tényleges menü- és oldalsorrendet mutatja: ha itt sorrendezel, a menüpont helye és a blokk oldalbeli pozíciója is változik. Ugyanez fordítva is igaz: az Elhelyezett blokkoknál rendezett menüben lévő blokk a főmenü/almenü panelen is frissül. Normál menüpont innen húzható főmenünek vagy egy meglévő főmenü alá almenünek. A középső Főmenük oszlopban a főmenük kiválaszthatók, de a főmenük sorrendjét a bal oldali Menüben lévő blokkok lista és az Elhelyezett blokkok tényleges oldalsorrendje határozza meg. Már főmenü/almenü szerepű elemet előbb vissza kell állítani az X ikonnal; az almenük csak a lenyílóban jelennek meg.
- Duplikálás és törlés: a blokk másolható, ha a változat darabszámkorlátja engedi; törléskor a blokk és a hozzá tartozó mentett tartalom eltávolításra kerül.
Tartalmi mezők
Tartalom szerkesztése
Az alábbi funkciók a kiválasztott változat tényleges, jelenlegi mezősémájából származnak.
A változat fő funkciói
- Képfeltöltés, ALT, cím, leírás, overlay felirat és ikon kezelése.
- Képek sarkai: Stílus szerint, Lekerekített vagy Szögletes minden galériaváltozatban; a lightbox megjelenése változatlan.
- Önálló kép vagy borítóképes, több fotóból álló referenciacsoport létrehozása.
- Lightboxos nagyítás és a változattól függő rácsos, masonry vagy carousel megjelenés.
- Szabályos rácsos elrendezés.
- Lightbox, overlay, cím és leírás.
- Csoportos referenciák további képekkel.
Megjelenés
Elrendezés és megjelenés
A blokk elrendezése, igazítása és vizuális működése.
- Dobozos háttér megjelenítéseBe- és kikapcsolható funkció. Alapból bekapcsolt. Kikapcsolva a blokk dobozos kerete, lekerekítése, árnyéka és a belső alap surface eltűnik, így nyitottabb megjelenést kap. Az Egyedi háttér ettől független: ha ott színt adsz meg, az a teljes blokk szakaszának háttereként doboz nélkül is megmarad. A tartalom, a gombok, az űrlapmezők, valamint a funkcionális Blog- és árkártyák működése nem változik.
- Egyedi háttérEgyedi szín választása; üres/Default értéknél a téma alapstílusa marad. Üresen az aktív globális egyedi Halvány háttér, ennek hiányában a színtéma és a vizuális stílus alapja érvényesül. Egyedi színnél csak ez a blokk kap egyszínű, gradiens nélküli hátteret. A háttérképek, videók és a külön Dekoráció megmaradnak. A Dobozos háttér kapcsolótól független: kikapcsolt dobozos megjelenés mellett is használható teljes szakaszháttérként. Sötét vagy világos egyedi háttérnél ellenőrizd a blokk szövegszíneinek kontrasztját is.
- Dekoráció típusaElőre meghatározott lehetőségek közül választható beállítás. Alapértelmezett értéknél a blokk megtartja a jelenlegi vizuális stílushoz tartozó dekorációját. A Nincs dekoráció csak ennél a blokknál kapcsolja ki a dekorációt; a profil-dekorációk a kiválasztott karaktert használják.
- Dekoráció helyeElőre meghatározott lehetőségek közül választható beállítás. Alapértelmezett értéknél a blokk a globális dekorációhelyet követi. Egyedi választással balra vagy jobbra tehető a fő dekoráció. Mobilon a dekoráció kisebb és kevésbé hangsúlyos.
- Dekorációs képKép feltöltése vagy cseréje; a rendszer reszponzív képváltozatokat készít. Egyedi kép dekorációhoz. Legjobb eredményt SVG, áttetsző PNG vagy WEBP logó/ikon ad. A fájl legfeljebb 1 MB és 1200 × 1200 px lehet.
- Egyedi kép megjelenítéseElőre meghatározott lehetőségek közül választható beállítás. Alapértelmezett esetén a globális egyedi dekoráció módját követi. A Lágy háttérelem halványabb, dekoratívabb megjelenést ad.
- Egyedi kép átlátszóságaElőre meghatározott lehetőségek közül választható beállítás. Alapértelmezett esetén a globális átlátszóságot követi. Logókhoz általában a 10–20% közötti érték ad finom háttérhatást.
- Egyedi kép méreteElőre meghatározott lehetőségek közül választható beállítás. Alapértelmezett esetén a globális méretet követi.
- Egyedi kép forgatásaElőre meghatározott lehetőségek közül választható beállítás. Alapértelmezett esetén a globális forgatást követi. A kisebb döntés dekoratívabb, de nem zavaró hatást ad.
Szövegek
Szövegek és leírások
Címek, leírások, feliratok és egyéb szöveges tartalmak.
- CímRövid szöveg vagy felirat.
- LeírásTeljes, Tiptap-alapú formázott tartalom címsorral, kiemeléssel, listával, idézettel, igazítással, betűvastagsággal, szövegszínnel és linkkel. Teljes formázott szövegszerkesztő: címsorok, félkövér/dőlt/aláhúzott szöveg, listák, idézet, igazítás, betűvastagság, szövegszín és link.
Bővíthető elemek
Ismételhető tartalmi elemek
Az elemek hozzáadhatók, törölhetők és a fogantyúval átrendezhetők. A sorrend a nyilvános oldalon is érvényesül.
Ismételhető elem
Galériaképek és referenciacsoportok
Az elem lehet önálló kép vagy több fotóból álló referenciacsoport. Csoportos elemnél a fő kép lesz a galériában látható borítókép.
Önálló képhez hagyd kikapcsolva a „Csoportos referencia” opciót. Bekapcsolás után a borítókép alatt további képeket adhatsz a referenciához. A látogató a borítóképre kattintva kizárólag az adott csoport képeit lapozhatja.
maximum 60 elem.
Egy „Kép / referencia” szerkeszthető adatai
- Borítókép / önálló képKép feltöltése vagy cseréje; a rendszer reszponzív képváltozatokat készít.
- Csoportos referenciaBe- és kikapcsolható funkció. Kapcsold be, ha ehhez a borítóképhez több további kép tartozik.
- Kép alt szövegeRövid szöveg vagy felirat.
- KépcímRövid szöveg vagy felirat.
- KépleírásTöbbsoros szövegmező.
- Overlay feliratRövid szöveg vagy felirat.
- Overlay ikonBootstrap ikon választása az ikonválasztóból vagy class megadásával.
- Képcím színeEgyedi szín választása; üres/Default értéknél a téma alapstílusa marad.
- Képleírás színeEgyedi szín választása; üres/Default értéknél a téma alapstílusa marad.
- Overlay felirat színeEgyedi szín választása; üres/Default értéknél a téma alapstílusa marad.
A referenciacsoport további képei
A borítókép az első kép. Az itt hozzáadott képek ugyanebben a lightboxban, a megadott sorrendben lapozhatók.
- KépKép feltöltése vagy cseréje; a rendszer reszponzív képváltozatokat készít.
- Kép alt szövegeRövid szöveg vagy felirat.
- KépcímRövid szöveg vagy felirat.
- KépleírásTöbbsoros szövegmező.
- Képcím színeEgyedi szín választása; üres/Default értéknél a téma alapstílusa marad.
- Képleírás színeEgyedi szín választása; üres/Default értéknél a téma alapstílusa marad.
Mozgás és megjelenés
Animáció
A blokk belépési animációja külön kapcsolható. Az első két aktív helyen választható LCP-védelem csak a frontend futást függeszti fel, az adminban elmentett animációt, effektet és sebességet nem törli. A blokk harmadik vagy későbbi helyre mozgatva automatikusan újra animálódik. A rendszer kompozit tulajdonságokra épülő effektet használ, és tiszteletben tartja a csökkentett mozgás beállítást.
- Kapcsold be vagy ki az animációt az adott blokknál. A fejléc badge-e már összecsukott állapotban is mutatja az animáció állapotát.
- Válaszd ki az effektet, a sebességet, a késleltetést és – ahol elérhető – az elemek lépcsőzetes sorrendjét.
- Az első két aktív blokknál az LCP-védelem az ajánlott állapot. Sorrendváltáskor a rendszer Igen / Nem kérdéssel felajánlja, de az első két blokk Animáció részében később manuálisan is be- vagy kikapcsolható. Az animáció adminbeállítása minden esetben megmarad; harmadik vagy későbbi helyen automatikusan újra működik, és az „Animáció aktív” badge jelenik meg.
- A rendszer nem tiltja globálisan a hover/transition effekteket: csak az LCP-védett első két blokk belépő animációja szünetel a gyorsabb első renderelés miatt.
- Az animáció nem változtatja meg a blokk tartalmát vagy sorrendjét, csak a megjelenés módját.
Használati javaslatok
- Hasonló képarányú képekkel lesz a legegységesebb.
- A rendszer a rácsos, masonry és carousel galériaképekhez külön sizes profilt használ, hogy mobilon és desktopon se töltsön le indokolatlanul nagy képet.
- Az ALT-szöveg röviden írja le a képen látható tartalmat.
- Egységes minőségű és hangulatú képeket használj.
- Nagy galériánál csoportosítsd a képeket projektenként.
- Ha a blokk belépési animációja be van kapcsolva, mobilon a rendszer minden effektet pozícióváltozás nélküli finom áttűnésként jelenít meg; a kiválasztott irány/zoom effekt desktopon marad aktív.