# Oxygen Builder: kurzus-, lecke-, kvíz- és feladatsablonok

> Az Oxygen Builder teljes sablonjai a kurzusoldalhoz, a leckéhez, a kvízhez és a feladathoz, a szerkeszthető részek beállításaival.

A teljes sablon az adott oldal minden elemét tartalmazza, és mindegyik külön szerkeszthető. A szövegek betűs megjelenéséhez az Oxygen szövegmező-szerkesztője áll rendelkezésre (lásd az [Oxygen: első lépések](https://hub.hellowp.io/hu/plugins/tutor-pro/integraciok-oxygen-elso-lepesek/) fejezetet). Ahol a „tipográfia” szó szerepel, ez a szerkesztő értendő.

## Kurzusoldal sablon (Single Course)

Az egyes fülek a kurzusoldal egy-egy részét szabják testre.

| Fül | Mit állíthatsz |
|---|---|
| **Rating** | A csillagok mérete (képpontban) és színe (RGBA színválasztóval). |
| **Title** | A kurzus címének teljes tipográfiája: betűtípus, méret, szín, vastagság, igazítás (balra, középre, jobbra), sormagasság, betűköz, szövegdíszítés (aláhúzás, felülhúzás, áthúzás), stílus (normál, dőlt) és kis-nagybetű. |
| **Author** | A szerző képe (magasság, szélesség, az ikonszöveg betűmérete és sormagassága), a címke és a név szövege. |
| **Course Meta** | A kurzus metaadatainak (kategória, szint, címkék) címkéje és értéke. |
| **Level** | A szint mező címkéje és értéke. |
| **Share & Wishlist** | A megosztás ikonjai: elrendezés (balra vagy jobbra), a „Share” címke, az ikon alapállapotban és egér fölött. |
| **About** | A bemutatkozó rész címsora és bekezdése. |
| **What Will You Learn?** | A „Mit tanulsz?” rész címe, az elemek ikonja (méret, szín), az elemek tipográfiája, valamint a cím, az ikonok és az elemek közti külső és belső margó. |
| **Curriculum** | A tanterv fejléce (**Header Title**), a témák címe (**Topic Title**), az aktív téma címe (**Active Topic Title**), a leckék, kvízek és feladatok címe, és ezek ikonja. |
| **Review Title** | Az értékelések szekciójának címe: betűtípus, méret, vastagság, szín, igazítás. |
| **Review Avg** | Az átlagszám (például 4 az 5-ből), a csillagok mérete és színe, az összes értékelés száma, valamint a jobb oldali értékelési sáv (szín, magasság, belső és külső margó, szélesség), csillagok és szöveg. |
| **Review List** | Az értékelők képe (magasság, szélesség, ikonszöveg mérete, sormagasság), a név, az idő, a csillagok színe és mérete, a megjegyzés szövege. |
| **Enrollment Box** | A beiratkozási doboz: az ár, a haladás címe, a haladás szövege tipográfiával, és a haladássáv magassága, színe és kitöltési színe. |
| **Cart & Enroll Button** | A kosárba tevő és beiratkozó gomb: belső margó, háttérszín, szövegszín, háttérszín egér fölött. További részek: **Typography**, **Borders** (szélesség, szín, stílus, lekerekítés), **Hover Borders**, **Shadow** (szín, átlátszóság, elmosás, kiterjedés), **Hover Shadow**. |
| **Certificate & Retake Button** | A tanúsítvány és az újrapróbálkozás gombja: ugyanazok a beállítások, mint a kosár és beiratkozás gombnál (belső margó, háttér, szín, egér fölötti háttér, tipográfia, szegély, árnyék és ezek egér fölötti változata). |
| **Course Information** | A kurzusinformációs szöveg (cím és leírás) és az ikon: betűtípus, méret, vastagság, igazítás, stílus, kis-nagybetű, sormagasság, betűköz, díszítés és szín. |
| **Instructors** | A cím tipográfiája, a kép (magasság, szélesség, ikonszöveg mérete, sormagasság), az oktató neve és beosztása. |
| **Materials** | Az anyagok szekciója: **Title**, **Icon** (szín és méret), **Typography**, **Spacing** (belső margó és a sorok közti függőleges távolság). |
| **Requirements** | A követelmények szekciója, ugyanazokkal a részekkel: **Title**, **Icon**, **Typography**, **Spacing**. |
| **Target Audience** | A célközönség szekciója, ugyanazokkal a részekkel: **Title**, **Icon**, **Typography**, **Spacing**. |

## Oldalsáv, felső sáv és tartalom

A lecke-, a kvíz- és a feladatsablon három közös szerkeszthető területtel rendelkezik: **Sidebar**, **Topbar** és **Content**.

### Sidebar (oldalsáv)

| Beállítás | Mit csinál |
|---|---|
| **Background Color** | Az oldalsáv háttérszíne (a kvíz- és a feladatsablonban). |
| **Border** | A szegély szélessége, színe, stílusa és lekerekítése. |
| **Sidebar Title Area** | Az oldalsáv címének tipográfiája, belső és külső margója. |
| **Topic Spacing** | A témacím körüli belső és külső margó. |
| **Topic Title Typography** | A témacímek tipográfiája. |
| **Topic Summary Typography** | A témaösszefoglaló szövegének tipográfiája. |
| **Topic Icon** | A témaikonok színe. |
| **Topic Title Background** | A témacím háttérszíne. |
| **Lesson Typography** | A leckeszöveg tipográfiája. |
| **Active Lesson Typography** | Az aktív lecke szövegének tipográfiája. |
| **Lesson Icon** | A leckeikonok színe, az aktív és az egér fölötti szín, a lecke háttérszíne és az aktív lecke háttérszíne. |
| **Lesson Spacing** | A leckecímkék körüli belső margó. |

### Topbar (felső sáv)

| Beállítás | Mit csinál |
|---|---|
| **Title** | A felső sáv címének tipográfiája. |
| **Progress** | A haladássáv tipográfiája. |
| **Size & Color** | A felső sáv mérete és színe: háttérszín, az oldalsáv-váltó ikon háttere és színe, a bezáró ikon színe. |
| **Spacing** | A felső sáv körüli belső és külső margó. |

### Content (tartalom)

| Beállítás | Mit csinál |
|---|---|
| **Spacing** | A tartalom (például a videó) körüli belső és külső margó, vagyis a tartalom és a többi elem közti hely. |
| **Background** | A tartalom mögött látható háttérszín. |

## Lecke sablon (Single Lesson)

A lecke sablonja tartalmazza a fenti **Sidebar**, **Topbar** és **Content** részt, és kiegészül egy **Pagination** résszel: ez a leckék közti lapozás megjelenését állítja.

| Beállítás | Mit csinál |
|---|---|
| **Typography** | A lapozószöveg betűs megjelenése. |
| **Color** | A lapozószöveg magassága és színei. |

## Kvíz sablon (Single Quiz)

A kvíz sablonja a **Sidebar** (a háttérszínnel együtt), a **Topbar** és a **Content** részt tartalmazza, a fent leírt beállításokkal.

## Feladat sablon (Single Assignment)

A feladat sablonja a **Sidebar** (a háttérszínnel együtt), a **Topbar** és a **Content** részt tartalmazza, kiegészítve a lecke sablonnál leírt **Pagination** résszel (**Typography** és **Color**).