# Oxygen Builder: egyedi kurzuselemek és archívumok

> A Tutor LMS fül egyedi kurzuselemei az Oxygen Builderben, az irányítópult-elem menüje és infókártyái, valamint az Archive Courses, a Courses List és az Archive Categories elem beállításai.

Ha nem a teljes sablont használod, a kurzusoldalt a **Tutor LMS** fül egyedi elemeiből is összeállíthatod. 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).

## Egyedi kurzuselemek

Az elemek beállításai nagyrészt megegyeznek a teljes kurzussablonéval ([Oxygen: sablonok](https://hub.hellowp.io/hu/plugins/tutor-pro/integraciok-oxygen-sablonok/)). Itt az elemenkénti különbségek vannak.

| Elem | Mit állíthatsz |
|---|---|
| **Title** | A cím tipográfiája. |
| **Rating** | A csillagok mérete (képpontban) és színe. |
| **Author** | A szerző képe (magasság, szélesség, ikonszöveg mérete, sormagasság), a címke és a név tipográfiája. |
| **Social Share** | A „Share” címke, az ikonok alapállapota és az egér fölötti állapota. |
| **Categories** | A kategóriacímke (**Label Typography**) és a kategórianevek (**Category Typography**) betűtípusa, mérete, vastagsága és színe. |
| **Course Description** | A bemutatkozó rész címsora és bekezdése. |
| **Course Content** | Egy elem három részben: **About Course** (címsor és bekezdés), **What Will You Learn?** (cím, ikon, elemek, térközök), **Curriculum** (fejléc, témák, aktív téma, leckék, ikonok); ezenkívül az értékelések részei: **Review Title**, **Review Avg**, **Review List**. |
| **Curriculum** | **Header Title**, **Topic Title**, **Active Topic Title**, a lecke-, kvíz- és feladatcímek és ikonjaik. |
| **Benefits** | A „Mit tanulsz?” rész: **Title**, **Item Typography**, **Icon** (méret és szín), **Spacing**. |
| **Requirements** | **Title**, **Icon**, **Typography**, **Spacing**. |
| **Target Audience** | **Title**, **Icon**, **Typography**, **Spacing**. |
| **Materials** | **Title**, **Icon**, **Typography**, **Spacing**. |
| **Thumbnails** | A bélyegkép megjelenése két részben: eredeti (**Original Thumbnails**) és egér fölötti (**Hovered Thumbnails**). Mindkettőben: átlátszóság, háttérszín, szegélyszín, szegélyvastagság, külső margó, árnyék (belső vagy külső), árnyékszín, vízszintes és függőleges eltolás, elmosás, kiterjedés. |
| **Enrollment Box** | **Borders** (szegély színe, vastagsága, stílusa, lekerekítése, a sarkok külön is állíthatók), az ár, a haladás címe és szövege, a haladássáv, a **Cart & Enroll Button** és a **Certificate & Retake Button** (belső margó, háttér, szín, egér fölötti háttér, tipográfia, szegély, árnyék és egér fölötti változataik), a kurzusinformációk szövege és ikonja. |
| **Instructors** | **Border** (az oktató képének szegélye, sarkonként is), **Title**, **Image** (szélesség, magasság, igazítás, szegély, árnyék), **Name** és **Designation** (méret, vastagság, stílus, szín, igazítás). |
| **Review** | **Review Title**, **Review Avg** (számok, csillagok, összes szám, jobb oldali sáv, csillagok és szöveg), **Review List** (kép, név, idő, csillagok, megjegyzés). |

## Irányítópult-elem (Dashboard)

Az irányítópult-oldal megjelenését egy elem szabja testre.

### Menu

- **Item:** az elemek ikonjának színe és mérete, a szöveg színe, mérete és betűtípusa, valamint a menü háttérszíne.
- **Item Hover:** ugyanezek egér fölött.
- **Item Active:** ugyanezek az aktív fülre (a „Dashboard” feliratúra).
- **Spacing:** a menüelemek külső és belső margója.

### Egyéb részek

| Rész | Mit csinál |
|---|---|
| **Title** | Az irányítópult címének tipográfiája. |
| **Links** | A hivatkozások tipográfiája. |
| **Links Hover** | A hivatkozások tipográfiája egér fölött. |
| **Info Card** | Az információs kártya címkéjének és értékének tipográfiája, valamint a háttérszín (RGBA színválasztóval). |
| **Spacing** | Az infókártyák körüli külső és belső margó. |

## Kurzusarchívum (Archive Courses)

Archívumoldal-sablon, amely rácsban mutatja a weboldal összes kurzusát.

### Course Filter

A kurzusarchívumon megjelenő szűrő megjelenése.

| Beállítás | Mit csinál |
|---|---|
| **Filter Widget Title** | A szűrődoboz címének tipográfiája, mérete és színe. |
| **Filter Items** | A szűrőelemek tipográfiája, mérete és színe. |

### Course Grid

A rácsban megjelenő kurzuskártyák beállításai.

| Beállítás | Mit csinál |
|---|---|
| **Wishlist Icon** | Az ikon betűmérete, színe, színe egér fölött, háttere egér fölött és szegélyszíne egér fölött. |
| **Course Ratings** | A csillagok mérete és színe. |
| **Average rating** | Az átlagértékelés szövegének színe és tipográfiája. |
| **Total Ratings** | Az értékelések számának színe és tipográfiája. |
| **Course Title** | A kurzus címének tipográfiája. |
| **Meta Icon** | A metaadat-ikon színe és tipográfiája. |
| **Meta Info** | A kurzus metaadatainak (időtartam, nehézség, kategória) színe és tipográfiája. |
| **Author Label** | A szerzőcímke tipográfiája. |
| **Author Value** | A szerzőnév tipográfiája. |
| **Course Price** | Az ár tipográfiája. |
| **Add to Cart** | A kosárba tevő gomb belső margója és színei. |
| **Border** | A rács szegélyének színe, vastagsága, stílusa és lekerekítése. |
| **Hover Border** | Ugyanez egér fölött. |
| **Box Shadow** | A rács árnyéka: szín, helyzet, elmosás, kiterjedés. |
| **Hover Box Shadow** | Ugyanez egér fölött. |
| **Spacing** | A kurzusok körüli belső és külső margó. |

### Pagination

A rács lapozójának beállításai.

| Beállítás | Mit csinál |
|---|---|
| **Links Text Color** | A lapozóhivatkozások színe alapállapotban. |
| **Hover Text Color** | A színe, ha az egér fölötte van. |
| **Active Text Color** | A színe az aktuális oldalnál. |
| **Border** | A lapozógombok szegélye: melyik szegélyt szerkeszted (**Currently Editing Border**), szín, vastagság, stílus (például folytonos, szaggatott, pontozott), lekerekítés (sarkonként is). |
| **Hover Border** | Ugyanezek egér fölött. |
| **Hover Box Shadow** | Az árnyék egér fölött: belső vagy külső, szín, vízszintes és függőleges eltolás, elmosás, kiterjedés. |
| **Spacing** | A szűrősáv körüli külső és belső margó. |

## Kurzuslista (Courses List)

A kurzuslista elem kurzusok csoportját mutatja. A **Course Filter** és a **Course Grid** részei megegyeznek az archívumnál leírtakkal. Külön rész a **Course Query**, amellyel megadod, mely kurzusok jelenjenek meg:

| Beállítás | Mit csinál |
|---|---|
| **Included ID** | Bizonyos kurzusok felvétele, az azonosítók vesszővel elválasztva. |
| **Excluded IDS** | Bizonyos kurzusok kizárása, az azonosítók vesszővel elválasztva. |
| **Category IDS** | Bizonyos kategóriák felvétele, az azonosítók vesszővel elválasztva. |
| **Order By** | A rendezés alapja: dátum, cím, véletlen, menüsorrend vagy a megadott azonosítók sorrendje. |
| **Order** | Növekvő vagy csökkenő sorrend. |
| **Limit** | A megjelenő kurzusok maximális száma. |

## Kategóriaarchívum (Archive Categories)

Archívumoldal, amely a weboldal összes kurzuskategóriáját tartalmazza.

| Rész | Mit állíthatsz |
|---|---|
| **Results Count** | Az eredményszám szövegének tipográfiája. |
| **Sorting Select** | A rendezőválasztó: belső margó (**Select Padding**), tipográfia, szegély (szín, vastagság, stílus, lekerekítés), fókuszált szegély (**Focus Border**), árnyék (belső vagy külső, szín, vízszintes és függőleges eltolás, elmosás, kiterjedés) és fókuszált árnyék (**Focus Box Shadow**). |
| **Course Grid** | A szintjelvény (**Level Badge**) tipográfiája; a kívánságlista-ikon (méret, szín, szín egér fölött, háttér egér fölött, szegélyszín egér fölött); a csillagok (**Stars**, méret és szín); a kurzus címe, a metainfó, a szerzőcímke, a szerzőnév, az ár és a kosár gomb megjelenése; a szegély, szegély egér fölött, árnyék és árnyék egér fölött; a kurzusok körüli külső és belső margó (**Spacing**). |
| **Pagination** | Az elemek igazítása (**Items Align**), a lapozószöveg betűmérete, a szegély, a szegély egér fölött, az árnyék és az árnyék egér fölött (a szegély és árnyék beállításai megegyeznek a fenti rácsnál leírtakkal). |
| **Spacing** | A szűrősáv körüli külső és belső margó. |