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.

Kártyás blokk – 4 oszlopos előnyblokk

Kártyás blokk választható változat.

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

Kártyás blokk – 4 oszlopos előnyblokk

Négy kompakt, témaszínű gradiens hátterű elem jelenik meg egy sorban desktopon, mobilon egymás alá rendezve. Elemenként választható ikonos vagy képes megjelenítés, és minden elem kaphat opcionális szöveges linket jobbra nyíllal. Képes módban Borító vagy Teljes kép illesztés állítható, a „Nincs link” választásnál pedig a teljes csempe nem lesz kattintható.

Mire érdemes használni?

Négy rövid előny vagy szolgáltatási tulajdonság egyidejű, gyors áttekintésére.

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

  • Címek, leírások, ikonok és ismételhető kártyák kezelése.
  • Kártyánként opcionális szöveges link jobbra nyíllal; a link célja meglévő blokkot tartalmazó listából, horgonyból vagy egyedi URL mezőből választható.
  • Három- és négyoszlopos, carousel, kártyás és számozott változat.
  • Az elemek sorrendje módosítható, új elem hozzáadható vagy törölhető.
  • Négyoszlopos elrendezés.
  • Ikon vagy kártyakép, cím és rövid leírás.
  • Opcionális szöveges kártyalink jobbra nyíllal.
  • Borító vagy automatikus magasságú Teljes kép illesztés.
  • Képes csempe esetén teljes csempére kattintható hivatkozás vagy Nincs link továbbra is elérhető; a meglévő teljes képes csempe linkelése megmarad.
  • Középre rendezett blokk alatti CTA-gomb egyedi gombszínekkel.
Gombok megjelenése

Gombok megjelenése

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

  • 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 elsődleges gombszíne marad.
  • Gomb feliratszí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.
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.
Gomb

Gomb

A kiemelt műveleti gomb felirata és hivatkozása.

  • Blokk alatti gomb hivatkozásaBelső 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. A gomb csak akkor jelenik meg, ha a felirat is ki van töltve.
  • Blokk alatti gomb felirataRövid szöveg vagy felirat. Üresen hagyva a blokk alatti középre rendezett gomb nem jelenik meg.
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

Előnyök

Minden tartalmi elem egy külön előnykártya. Ikonos vagy képes megjelenítés választható; minden kártyánál opcionális szöveges hivatkozás adható meg jobbra nyíllal, a képes csempéknél pedig a meglévő teljes csempehivatkozás is megmarad.

minimum 1 elem, maximum 16 elem.

Egy „Előny” szerkeszthető adatai
  • Megjelenés típusaElőre meghatározott lehetőségek közül választható beállítás. Ikonos módban a kártya ikonja jelenik meg. Képes módban a kártya tetején teljes szélességű kép látszik.
  • IkonBootstrap ikon választása az ikonválasztóból vagy class megadásával.
  • Kártyaké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ép megjelenéseElőre meghatározott lehetőségek közül választható beállítás. Borító módban a kép kitölti a képterületet, szükség esetén vágással. Teljes kép módban a teljes kép látszik, automatikus magassággal.
  • Teljes képes csempe URL / slugBelső blokkazonosító, belső URL, külső URL, e-mail- vagy telefonhivatkozás. A „Nincs link” választásnál a csempe nem kattintható. Más célpont választásakor a teljes képes csempe linkként működik. Ez a meglévő képes csempe-linkelés megmarad; az új szöveges kártyalinktől külön működik, és a kártya alján külön szöveges link is megadható.
  • CímRövid szöveg vagy felirat.
  • LeírásTöbbsoros szövegmező.
  • Kártyalink szövegeRövid szöveg vagy felirat. Opcionális szöveges link a kártya alján, például: Megnézem, Miért más? vagy Hogyan segítünk?
  • HivatkozásBelső blokkazonosító, belső URL, külső URL, e-mail- vagy telefonhivatkozás. Válassz meglévő blokkot a listából, vagy adj meg egyedi URL-t, horgonyt, e-mailt vagy telefonszámot. A szöveges link csak akkor jelenik meg, ha a link szövege és a hivatkozás is ki van töltve.
  • Külső link új ablakban nyíljonBe- és kikapcsolható funkció. Csak külső http(s) hivatkozásoknál érvényes. Belső blokkhorgonyoknál és belső oldalaknál nincs hatása.
  • Cím színeEgyedi szín választása; üres/Default értéknél a téma alapstílusa marad.
  • Leí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.
  • 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övegek legyenek különösen rövidek, mert négy oszlopban kevesebb hely jut egy elemre.
  • Képes kártyáknál használj egységes képarányú, nyugodt képeket.
  • Egy elem egyetlen, jól érthető előnyt vagy lépést mutasson be.
  • A kártyák szöveghossza legyen közel azonos.
Kártyás blokk 4 oszlopos előnyblokk usp-blokk negy-oszlopos-elony blokk változat