Hogyan olvasd?
Minden szakasz egy elemcsoport. A kis címsor az elemet nevezi meg, alatta egy-két mondat arról, mire való és hol találod: a / jellel vagy a margó + gombjával nyíló blokkmenüben (Stílus, Beszúrás), az eszköztáron vagy a kijelöléskor felugró buborékmenüben.
A beágyazások csak egy azonosítót tárolnak — melyik galéria, melyik videó, melyik űrlap. A látogató oldalán a BOX a megjelenítéskor tölti be a célt, így egy átnevezett vagy átrendezett tartalom itt is mindig friss.
Felolvasás
A vezető kép alatti „Felolvasás” gomb a cikk felolvasását indítja el: a látogató olvasás helyett meg is hallgathatja. Az adminban a cikk „Felolvasás (AI hanganyag)” mezője adja: az „AI felolvasás” művelet a cikk szövegéből készíti el, vagy a médiatárból választasz hangfájlt; itt egy generált hangminta áll a helyén. A fejléc az olvasási időt is mutatja, a „Miért fontos?” doboz pedig a gombsor alatt, a cikk szövege előtt áll — mindkettő a cikk saját mezője.
Szöveg és formázás
Címsorok
A cikk címsorai három szinten tagolják a szöveget: a szakaszok második szintűek, ezek a kis címek harmadik szintűek.
Negyedik szintű címsor
A negyedik szint egy alszakaszon belüli tagolásra való; ritkán kell.
Igazítás
Balra igazított bekezdés: ez az alapértelmezés, a legtöbb szöveghez ezt használd.
Középre igazított bekezdés: rövid, kiemelt mondatokhoz.
Jobbra igazított bekezdés: például egy aláíráshoz.
Sorkizárt bekezdés: a sorok mindkét szélen egyenesek, a szóközök nyúlnak. Hosszabb szövegben mutat jól, ezért ez a mondat szándékosan hosszabb a többinél, hogy a hatás látsszon.
Kiemelés a szövegben
A kijelölt szövegre a buborékmenü tesz kiemelést (az alsó és a felső indexet a Ctrl+, és a Ctrl+. billentyű, a kiemelőt a „Színek” gomb adja): félkövér, dőlt, aláhúzott, áthúzott, beágyazott kód, alsó index (H2O), felső index (m2), kiemelő.
Színek
A „Színek” gomb a szöveg és a kiemelő színét állítja; takarékosan használd: színes kiemelő, színes szöveg.
Sortörés
A Shift + Enter új sort kezd ugyanabban a bekezdésben, például egy postacímben:
BOX Demo
Minta utca 1.
Mintaváros
Említés
Ha a szerkesztőben @ jelet és legalább két betűt írsz, egy cikkre kereshetsz rá: a kiválasztott cikk címe hivatkozásként kerül a szövegbe, ugyanúgy, mint a következő szakasz belső hivatkozásai.
Hivatkozások
Egy hivatkozás mutathat külső címre vagy a BOX egy elemére. A belső hivatkozás a célt tárolja, nem a címét: ha a cél átköltözik, a link vele megy.
Külső cím, új lapon: a Big Buck Bunny oldala.
Tartalom: egy cikkoldal részei — egy másik cikk.
Menüpont: Rólunk — bármely oldal a menüből.
Médiatár fájlja: minta tájékoztató (PDF) — letöltésre.
Listák
Felsorolás
Egy pont a felsorolásban
Egy pont alpontokkal
Az első alpont
A második alpont
A felsorolás utolsó pontja
Számozott lista
A számozott lista bármelyik számtól indulhat: a sor elején begépelt „3. ” a harmadiktól kezdi — mint ezt:
harmadik lépés
negyedik lépés
ötödik lépés
Teendőlista
Kipipált feladat
Nyitott feladat
Idézet, kód, elválasztó
Idézet
Az idézetblokk a szöveg többi részétől elkülönülve, behúzva jelenik meg. Hosszabb idézethez vagy egy fontos mondat kiemeléséhez használd.
Kódblokk
A kódblokk betűhíven, egyenletes szélességű betűvel mutat egy kódrészletet; a nyelvét a nyitó ``` után adhatod meg (például ```json):
{
"oldal": "Beágyazás-bemutató",
"nyelvek": ["hu", "en"]
}Elválasztó
A vízszintes vonal két gondolatot választ el egymástól:
Táblázat
A táblázatnak lehet fejlécsora, egy cella átnyúlhat több oszlopon, és az oszlopok szélessége állítható.
Elem | Hol találod? | Megjegyzés |
|---|---|---|
Táblázat | Beszúrás › Táblázat | Sorokat és oszlopokat adhatsz hozzá. |
Egyesített cella | Jelöld ki a cellákat, majd „Cellák egyesítése”. | |
Kiemelt dobozok
A kiemelt doboz négy hangnemben jelenhet meg — alább sorban: Infó, Tipp, Megjegyzés, Figyelem. A hangnemet a doboz színe és ikonja jelzi, a felolvasó program pedig ki is mondja.
Infó:
Semleges kiegészítés: háttér, amit érdemes tudni.
Tipp:
Egy hasznos fogás, ami időt spórol.
Megjegyzés:
Mellékes, de fontos részlet.
Figyelem:
Valami, ami hibához vezethet, ha nem figyelsz rá.
A „Gyakorlati tudnivalók” blokk egy kiemelt doboz címke–érték táblázattal; öt kérdéssel indul (Hol? Mikor? Mennyi idő? Mosdó, Akadálymentesség), a sorok átírhatók és bővíthetők.
Infó:
Gyakorlati tudnivalók
Hol? | Minta utca 1., Mintaváros |
|---|---|
Mikor? | Minden szombaton 10:00 |
Mennyi idő? | Két óra |
Mosdó | Van, a bejáratnál |
Akadálymentesség | Lépcső nélkül megközelíthető |
Elrendezés
A „Hasábok” elem egymás mellé teszi a tartalmat; 768 képpont alatt mindig egymás alá kerül. Egy cellában bekezdés, címsor, lista és kiemelt doboz lehet.
Két egyenlő hasáb (50 / 50)
Egy cella szövege.
Lista egy cellában
második pont
Egyharmad és kétharmad (⅓ / ⅔)
Tipp:
Kiemelt doboz egy cellában.
Egy cella szövege.
Lista egy cellában
második pont
Kétharmad és egyharmad (⅔ / ⅓)
Egy cella szövege.
Lista egy cellában
második pont
Tipp:
Kiemelt doboz egy cellában.
Három hasáb
Egy cella szövege.
Lista egy cellában
második pont
Tipp:
Kiemelt doboz egy cellában.
Beágyazás szélessége
A „Beágyazás szélessége” (Szövegsáv vagy Széles) képre, beágyazásra, galériára, térképre, idézetre és kiemelt dobozra állítható; ha nem állítod be, a blokk a szövegsávban marad.
Szövegsáv: a kép pontosan a bekezdések szélességét kapja.
Széles: a kép kitölti a cikk teljes hasábját; oldalsáv nélkül az oldal teljes szélességét.
Infó:
Ez a kiemelt doboz széles: a beállítás nem csak képre, kiemelt dobozra is tehető.
Képek
Saját képaláírással
Saját alt-szöveggel
Az alt-szöveg a felolvasó programoknak és a keresőknek szól; ennél a képnél a cikk saját alt-szövege írja felül a médiatárét.
Kattintható kép
Ez a kép a Rólunk oldalra visz: a kép linkje ugyanúgy célt tárol, mint egy belső hivatkozás.

Interaktív elemek
Kép-összehasonlító
Két kép egymáson: a csúszkával mutatod meg az előtte és az utána állapotot.


Húzd a csúszkát a két kép összehasonlításához
Portrés idézet
Egy idézet az idézett személy portréjával, nevével és pozíciójával.
A jó demó nem állítja, hogy valami működik — megmutatja.

Mira LenzSzerkesztő
Útvonaltérkép
Megállók egy térképen, világos vagy utcai stílusban; a „Pontok összekötése” jelölőnégyzet szaggatott vonallal köti össze őket. Az első térképen be van jelölve, a másodikon nincs: ott pontszerű helyeket jelöl.
Fedezd fel a megállókat
Útvonal három megállóval
Fedezd fel a megállókat
Három találkozópont
Videók és hang
YouTube / Spotify beágyazás: YouTube
A „YouTube / Spotify beágyazás” elem a beillesztett link alapján ágyaz be egy YouTube-videót, saját tartalom nélkül; a feliratát itt adod meg.
Videó: YouTube-forrással
A „Videó” elem egy videótartalmat ágyaz be. A videótartalomnak saját oldala és helye van a videók archívumában, így több cikk is beágyazhatja.
Videó: médiatári fájllal
Ugyanez a médiatárba feltöltött fájllal: a böngésző saját lejátszója játssza le.
YouTube / Spotify beágyazás: Spotify
Ugyanez az elem a Spotify lejátszóját is beágyazza (dalt, albumot, lejátszási listát, előadót, műsort vagy epizódot), kompakt vagy teljes méretben. A tartalom és a sütik a Spotifyéi; itt a Spotify saját podcastjának bevezető epizódja szól.
Galéria beágyazása
A „Galéria” elem egy galériatartalmat ágyaz be. Öt megjelenés közül választhatsz; mindegyik a teljes galériát nyitja meg a nagyítóban.
Egy kép
Egyetlen kép, rajta a galéria képeinek száma.
Két kép
Az első két kép egymás mellett.
Három kép
Az első három kép egy sorban.
Rács
Az összes kép rácsban.
Lapozó
A képek egy lapozható sávban.
Inline galéria
Az „Inline galéria” galériatartalom nélkül, közvetlenül a cikkben sorol fel képeket és videókat. Ugyanaz az öt megjelenés, mint a galéria beágyazásánál; az elemeknek saját címe és leírása lehet.
Egy kép
Két kép
Három kép
Rács
Lapozó
Egy kép, videóval az élen
Beágyazott tartalmak
Esemény: Kártya
A „Beágyazás” menü „Cikk”, „Esemény”, „Hely” és „Podcast” eleme kártyaként ágyazza be a tartalmat: a „Kártya” fekvő és a szövegsáv teljes szélességét kitölti, a „Tömör” keskeny és álló. Itt egy esemény.
Esemény: Tömör
Podcast: Kártya
Egy podcast-epizód ugyanígy, a lejátszás jelével; a kártya az epizód külső címére visz, új lapon — itt magára a hangfájlra.
Podcast: Tömör
Termékkártya
A bolt termékei a bolt saját kártyájával jelennek meg.
Széles termékkártya
A „Széles” változat a szövegsáv teljes szélességében fekvő kártyát ad: balra a szöveg, jobbra a kép; telefonon a kép kerül felülre.
Programkártya
A programok ugyanezzel a beágyazással jelennek meg, a program saját kártyáján.
Széles programkártya
A „Széles” változat a szövegsáv teljes szélességében fekvő kártyát ad: balra a szöveg, jobbra a kép; telefonon a kép kerül felülre.
Űrlap és modul
Űrlap
Az „Űrlap” elem egy valódi, beküldhető űrlapot ágyaz be. Ez a többlépéses űrlap: a második lépés csak akkor jön, ha hírlevelet kérsz.
Modul
A „Modul” elem egy meglévő modult tesz a cikkbe. Ez egy tartalomajánló modul, amely csak itt jelenik meg: két helyszínt és egy galériát ajánl.
Címkék és gombok
A címke egy rövid jelölés ikonnal vagy anélkül, több színben:
A gomb egy kiemelt hivatkozás. Mutathat a BOX egy elemére vagy külső címre, új lapon:
Amit nem mutat
Két elem szándékosan hiányzik: a termékkártya „feature” változata, amelyet a szerkesztő nem kínál fel, és a régi képelem, amely csak a régebben mentett cikkekben maradt meg. A Cikk- és a Hely-kártya ugyanúgy működik, mint az eseményé. Egy új elem először ide kerül be.
Mira Lenz
Szerkesztő
Mira Lenz kitalált szerző a BOX Demóban: a profilja azt mutatja meg, mit lát a látogató egy szerzőről. Publikus profilt az kap, akinek a szerepköre megkapja a „Publikus szerzői profil” jogot.








