Megújultunk. 15 év weboldalkészítési tapasztalattal. Saját weboldal 14 napig ingyen.
Navigáció
Weboldal Bérlés - weboldal készítés kisvállalkozásoknak
Kipróbálom ingyen
Ügyféladmin segítség

Tudásbázis

Weboldal Bérlés · Fiók, oldalépítő, blokkok és blog használati útmutatója.

Galéria blokk – Sima rácsos galéria

Galéria blokk választható változat.

Blokk-változat részletes súgó

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 fő háttér/doboz/keret/árnyék rétege eltűnik, miközben a tartalom, a gombok, az űrlapmezők, a Blog- és árkártyák funkcionális belső kártyái megmaradnak.
  • Dekoráció: 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.
  • Ö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 fő doboz/háttér/keret/árnyék rétege eltűnik, így kevésbé csempés, nyitottabb megjelenést kap. A tartalom, az elrendezés, a gombok, az űrlapmezők, a Blog- és árkártyák belső működése megmarad.
  • 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ásFormázott, Tiptap-alapú tartalom. Kompakt formázott leírás: félkövér, dőlt, aláhúzás, felsorolás, számozott lista és link meglévő blokkhoz vagy egyedi URL-hez.
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.
Galéria blokk Sima rácsos galéria galeria-blokk racsos blokk változat