Navigáció
Weboldal Bérlés
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.

Hero blokk – Teljes szélességű háttérkép

Hero blokk választható változat.

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

Hero blokk – Teljes szélességű háttérkép

A kép a teljes Hero háttere. Kapcsolható a tartalom, a parallax, a blokkmagasság és a szöveg pozíciója.

Mire érdemes használni?

Erős, teljes szélességű vizuális nyitáshoz, amikor egyetlen karakteres háttérkép adja az oldal hangulatát.

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.
  • 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: bekapcsolva a blokk a főmenüben is megjelenik, és kattintásra az adott szakaszhoz görget.
  • 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

  • Fő üzenet, rövid leírás és legfontosabb cselekvési gombok megjelenítése.
  • Kapcsolható, szerkeszthető bizalmi sor a CTA-k alatt.
  • Kép, képsorozat, teljes szélességű háttérkép vagy háttérvideó használata.
  • Kép-ALT, igazítás, parallax, magasság és videóviselkedés kezelése a választott változattól függően.
  • FFmpeg elérhetőség esetén a feltöltött Hero videókból – külön desktop és mobil videóág esetén mindkét videóból – automatikusan 360p/480p/720p/1080p MP4 és WebM lépcsők, hangos/némított kimenetek és poster kép készülnek; az admin mutatja az eredeti és generált fájlok méretét, a csere/törlés után pedig a nem használt videógenerátumok is takaríthatók.
  • Teljes szélességű háttérkép és ALT.
  • Tartalom ki- és bekapcsolása.
  • Parallax, magasság és szövegigazítás.
  • Két CTA-gomb.
Megjelenés

Elrendezés és megjelenés

A blokk elrendezése, igazítása és vizuális működése.

  • Tartalom megjelenítéseBe- és kikapcsolható funkció. Kikapcsolva a cím, a leírás és a CTA-gombok nem jelennek meg, a blokk csak a háttérképet mutatja.
  • Parallax hatásBe- és kikapcsolható funkció. Bekapcsolva a háttérkép görgetés közben a blokkhoz képest lassabban mozdul, ettől térhatású, mélységet adó megjelenés jön létre. Csökkentett mozgást kérő látogatói beállításnál a rendszer automatikusan kikapcsolja a hatást.
  • Blokk magasságaElőre meghatározott lehetőségek közül választható beállítás. A teljes szélességű háttérképes Hero blokk magasságát módosítja. A beállítás parallax nélkül is érvényes.
  • Szöveg igazításaElőre meghatározott lehetőségek közül választható beállítás. A cím, leírás és gombok igazítása, valamint a teljes tartalom elhelyezése a háttérképes hero blokkban.
Gombok megjelenése

Gombok megjelenése

A gombok láthatósága, színei és megjelenési módja.

  • Elsődleges gomb egyedi háttérszíneEgyedi szín választása; üres/Default értéknél a téma alapstílusa marad. Default állapotban a téma gombháttérszíne marad. Egyedi háttérszínnél a gomb ehhez igazított színátmenetet kap. A Default visszaállítása gomb visszaállítja az alap színeket.
  • Elsődleges gomb feliratának színeEgyedi szín választása; üres/Default értéknél a téma alapstílusa marad. Default állapotban a téma gombfelirat-színe marad. Egyedi színnél a gomb szövege és ikonja ezt a színt kapja. A Default visszaállítása gomb visszaállítja az alap színeket.
  • Másodlagos gomb egyedi háttérszíneEgyedi szín választása; üres/Default értéknél a téma alapstílusa marad. Default állapotban a téma gombháttérszíne marad. Egyedi háttérszínnél a gomb ehhez igazított színátmenetet kap. A Default visszaállítása gomb visszaállítja az alap színeket.
  • Másodlagos gomb feliratának színeEgyedi szín választása; üres/Default értéknél a téma alapstílusa marad. Default állapotban a téma gombfelirat-színe marad. Egyedi színnél a gomb szövege és ikonja ezt a színt kapja. A Default visszaállítása gomb visszaállítja az alap színeket.
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.
  • Gomb- vagy linkfeliratRövid szöveg vagy felirat. Opcionális: ha a feliratot üresen hagyod, a teljes gomb vagy CTA nem jelenik meg a frontoldalon.
    2 hasonló mező
Képek

Képek

Képfeltöltések, képleírások és megjelenési beállítások.

  • KépKép feltöltése vagy cseréje; a rendszer reszponzív képváltozatokat készít. Képfeltöltéssel vagy útvonal megadásával módosítható. A kép törölhető, új képpel lecserélhető, vagy visszaállítható az alapképre. Feltöltéskor a rendszer automatikusan reszponzív WEBP és – szervertámogatás esetén – AVIF változatokat készít.
  • Kép alt szövegRövid szöveg vagy felirat. Akadálymentesítési és SEO célú képleírás.
Hivatkozások

Gombok és hivatkozások

Belső és külső linkek, gombcélok és kapcsolódó feliratok.

  • Hivatkozás URLBelső blokkazonosító, belső URL, külső URL, e-mail- vagy telefonhivatkozás. Használható #blokk-azonosító, /belső-url, https://, mailto: vagy tel: érték.
    2 hasonló mező
CTA és bizalom

CTA és bizalom

A blokk ehhez a tartalmi csoporthoz tartozó beállításai.

  • Kockázatcsökkentő sor megjelenítéseBe- és kikapcsolható funkció. Bekapcsolva a CTA-gombok alatt egy rövid, szerkeszthető bizalmi sor jelenik meg. A teljes képes carouselben a slide szövege alatt látható.
  • Kockázatcsökkentő sorRövid szöveg vagy felirat. Rövid, egy soros bizalmi üzenet. Kikapcsolt megjelenítésnél nem kerül ki a publikus oldalra.
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.
  • Az animáció nem változtatja meg a blokk tartalmát vagy sorrendjét, csak a megjelenés módját.

Használati javaslatok

  • A szöveg mögötti képrész legyen nyugodt és biztosítson megfelelő kontrasztot.
  • A főcím legyen konkrét, a leírás pedig legfeljebb néhány rövid mondat.
  • A nyitóképet optimalizáld webre, mert ez gyakran az oldal LCP-eleme.
  • Az elsődleges gomb a legfontosabb üzleti célra vezessen.
Hero blokk Teljes szélességű háttérkép hero-blokk teljes-hatterkep blokk változat