Munkatársak blokk – Munkatársak blokk
4 oszlopos munkatárs bemutató profilcsempékkel, képpel, titulussal, social linkekkel és elérhetőségekkel.
Munkatársak blokk – Munkatársak blokk
A profilcsempékben kép vagy automatikus profil ikon, név, titulus, social ikonok, rövid leírás és elérhetőségek jelenhetnek meg. Legalább egy munkatárs mindig marad, az elemek sorrendje nyilakkal módosítható.
Mire érdemes használni?
Munkatársak négyoszlopos, statikus profilrácsban történő bemutatására.
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
- Ismételhető, nyilakkal sorrendezhető munkatárs elemek; legalább egy munkatárs mindig marad.
- Kötelező név, opcionális titulus, balra rendezett leírás, email, telefon és kapcsolható social média ikonok.
- Feltölthető munkatárs kép; ha nincs kép, automatikus négyzetes profil ikon jelenik meg.
- Négyoszlopos alapváltozat és négy elemtől bővíthető carousel változat.
- Négyoszlopos desktop elrendezés.
- Kötelező munkatársnév és opcionális kép, titulus, leírás, social ikonok, email és telefon.
- Témaszínes, finom gradiens profilcsempe dizájn.
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.
Blokk fejléc
Blokk fejléc
A szakasz főcíme, alcíme és bevezető szövege.
- CímRövid szöveg vagy felirat. A blokk fő címe. A mező mellett színválasztóval egyedi címszín is beállítható.
- Rövid bevezetőTöbbsoros szövegmező. Üresen hagyva a bevezető szöveg 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
Munkatársak
Minden tartalmi elem egy munkatárs csempe. Legalább egy munkatársnak mindig maradnia kell; az elemek hozzáadhatók, törölhetők és a nyilakkal sorrendezhetők.
minimum 1 elem, maximum 24 elem.
Egy „Munkatárs” szerkeszthető adatai
- Munkatárs képeKép feltöltése vagy cseréje; a rendszer reszponzív képváltozatokat készít. Opcionális. Ha nincs feltöltött kép, a csempében automatikus négyzetes profil ikon jelenik meg, így a vizuális hely nem tűnik el.
- Kép alt szövegeRövid szöveg vagy felirat. Üresen hagyva a munkatárs neve lesz az alt szöveg.
- Munkatárs neveRövid szöveg vagy felirat.
- Titulus / munkakörRövid szöveg vagy felirat. Üresen hagyva nem jelenik meg.
- Social média ikonok megjelenítéseBe- és kikapcsolható funkció. Kikapcsolva a megadott social linkek sem jelennek meg frontoldalon.
- Facebook URLBelső blokkazonosító, belső URL, külső URL, e-mail- vagy telefonhivatkozás. Üresen hagyva a Facebook ikon nem jelenik meg.
- Instagram URLBelső blokkazonosító, belső URL, külső URL, e-mail- vagy telefonhivatkozás. Üresen hagyva az Instagram ikon nem jelenik meg.
- LinkedIn URLBelső blokkazonosító, belső URL, külső URL, e-mail- vagy telefonhivatkozás. Üresen hagyva a LinkedIn ikon nem jelenik meg.
- X / Twitter URLBelső blokkazonosító, belső URL, külső URL, e-mail- vagy telefonhivatkozás. Üresen hagyva az X ikon nem jelenik meg.
- Saját weboldal URLBelső blokkazonosító, belső URL, külső URL, e-mail- vagy telefonhivatkozás. Üresen hagyva a weboldal ikon nem jelenik meg.
- LeírásTöbbsoros szövegmező. Üresen hagyva nem jelenik meg. Frontoldalon a leírás balra rendezve jelenik meg a középre igazított csempén belül.
- Email címeRövid szöveg vagy felirat. Üresen hagyva nem jelenik meg.
- TelefonRövid szöveg vagy felirat. Üresen hagyva nem jelenik meg.
- Munkatárs neve színeEgyedi szín választása; üres/Default értéknél a téma alapstílusa marad.
- Titulus / munkakör 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.
- Email címe színeEgyedi szín választása; üres/Default értéknél a téma alapstílusa marad.
- Telefon 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
- Néhány fős csapatnál vagy kiemelt szakemberek bemutatásánál ezt a változatot használd.
- A munkatársak neve és titulusa legyen egységes formában megadva.
- A leírás legyen rövid, személyes és konkrét: miben segít az adott munkatárs.
- Egységes arányú portréfotókkal lesz a legszebb az összkép; kép nélkül is megmarad a rendezett profil ikon.
- 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.