Skip to content

Blokkok

Az oldalak “blokkokból” épülnek fel. Itt megtalálod az összes elérhető blokkot és azt, mire jók.

Nagy, feltűnő szöveg. Használd az oldal címéhez vagy szekciók elválasztásához.

Beállítások:

  • Méret: nagy (H1), közepes (H2), kicsi (H3)
  • Igazítás: balra, középre, jobbra

Mikor használd?

  • Az oldal tetején, fő címnek
  • Szekciók elején

Bekezdések, listák, formázott szöveg.

Lehetőségek:

  • Félkövér, dőlt szöveg
  • Felsorolás (pontok vagy számok)
  • Linkek beszúrása

Mikor használd?

  • Leírások, magyarázatok
  • Házirend, szabályok
  • Részletes információk

Egyetlen kép megjelenítése.

Beállítások:

  • Kép feltöltése a gépedről
  • Méret beállítása
  • Felirat hozzáadása

Mikor használd?

  • Logó megjelenítése
  • Termék vagy hely fotója
  • Térkép képe

Több kép egymás mellett vagy rácsban.

Mikor használd?

  • Étteremlap ételekről
  • Szálláshely szobái
  • Referencia munkák

YouTube vagy Vimeo videó beágyazása.

Hogyan működik?

  1. Másold be a videó linkjét
  2. A videó megjelenik az oldalon
  3. A látogatók lejátszhatják

Mikor használd?

  • Bemutatkozó videó
  • Útmutató, tutorial
  • Promóciós anyag

Kattintható gomb, ami valahova visz.

Beállítások:

  • Gomb szövege (pl. “Foglalj most”)
  • Hova vigyen (link)
  • Stílus (szín, méret)

Mikor használd?

  • Foglalási linkhez
  • Telefonhívás indításához
  • Weboldal megnyitásához

Több link egymás alatt, ikonokkal.

Mikor használd?

  • Közösségi média linkek (Facebook, Instagram, stb.)
  • Hasznos oldalak listája

Elérhetőségi adatok egy helyen.

Mit tartalmazhat:

  • Név
  • Email cím
  • Telefonszám
  • Cím
  • Közösségi média linkek

Mikor használd?

  • Digitális névjegykártya
  • Ügyfélszolgálat elérhetőségei

Vízszintes vonal, ami elválasztja a szekciókat.

Üres hely a blokkok között. Ha szeretnéd, hogy “levegősebb” legyen az oldal.

Címre kattintva kinyíló tartalom.

Mikor használd?

  • Gyakran ismételt kérdések (GYIK)
  • Részletes információk, amiket nem akar mindenki látni

Kiemelt információk színes dobozban.

Típusok:

  • 🔵 Info – általános tájékoztatás
  • 🟡 Figyelmeztetés – fontos tudnivaló
  • 🔴 Hiba/fontos – kritikus információ
  • 🟢 Siker – pozitív üzenet

Mikor használd?

  • Fontos figyelmeztetések
  • Kiemelendő információk

Külső tartalom beillesztése (pl. Google Maps térkép, foglalási widget).

Mikor használd?

  • Térkép megjelenítése
  • Foglalási rendszer beágyazása
  • Egyéb külső szolgáltatás

Képpel, címmel és leírással ellátott kártya elem.

Beállítások:

  • Kép feltöltése
  • Cím és leírás
  • Link hozzáadása
  • Stílus (standard, keretes, emelt)
  • Képpozíció (fent, bal, jobb)

Mikor használd?

  • Szolgáltatások bemutatása
  • Termékek listázása
  • Portfolio elemek
  • Csapattagok bemutatása