# Elementor: kurzustartalom-widgetek

> A Célközönség, Leírás, Rólunk, Előnyök, Kurzustartalom, Tanterv, Oktatók, Vélemények, Kívánságlista és Csomag címe widget beállításai.

Ez a fejezet az Elementor-integráció azon widgetjeit írja le, amelyek a kurzus tartalmi részeit jelenítik meg. A követelményeket, a bejegyzéstípusok bekapcsolását, a kurzussablon létrehozását és a közös beállításokat (Typography, Border Type, Border Radius) az [Elementor: első lépések és kurzus-widgetek](https://hub.hellowp.io/hu/plugins/tutor-pro/integraciok-elementor/) fejezet tartalmazza. A „reszponzív” beállítást eszközönként (asztali gép, táblagép, telefon) külön is megadhatod.

## Listaszerű widgetek: Course Target Audience és Course Benefits

A **Course Target Audience** (célközönség) megmutatja, kinek szól a kurzus, így a látogató könnyebben eldönti, érdemes-e beiratkoznia. A **Course Benefits** (kurzus előnyei) azt mutatja, mit nyer a hallgató a kurzus elvégzésével. A két widget beállításai megegyeznek, csak a Style fül részeinek neve más (Section Title, List, Icon, Text, illetve Course Benefit Title, Course Benefit List, Course Benefit Icon, Course Benefit Text).

**Content** fül:

| Beállítás | Mit csinál |
|---|---|
| **Title** | A widget címe. |
| **Layout** | Lista vagy egy sorban (inline) megjelenítés, eszközönként. |
| **List Icon** | A listaelemek jele: az ikonkönyvtárból vagy saját SVG-fájlból. |
| **Alignment** | Balra, középre vagy jobbra igazítás, eszközönként. |

**Style** fül:

| Rész | Beállítások |
|---|---|
| Cím | **Color**, **Typography**, **Gap** (a cím és a lista közötti függőleges távolság, eszközönként). |
| Lista | **Space Between** (az elemek közti távolság, eszközönként), **Border Type**, **Border Radius** (eszközönként, a lánc ikonnal a sarkok külön is), **Padding** (négy oldal, a lánc ikonnal külön is). |
| Ikon | **Color**, **Size** (eszközönként). |
| Szöveg | **Color**, **Text Indent** (behúzás, eszközönként), **Typography**. |

## Course About (a kurzusról)

A kurzus leírását jeleníti meg a bejegyzésen vagy oldalon, így a látogató rövid képet kap a kurzusról és a kapcsolódó részletekről.

| Beállítás | Mit csinál |
|---|---|
| **Title** (Content) | A widget címe. |
| **Alignment** (Content) | Balra, középre vagy jobbra igazítás, eszközönként. |
| **Heading** (Style) | **Color**, **Typography**, **Gap** (a cím és a tartalom közötti függőleges távolság, eszközönként). |
| **Content** (Style) | A szöveg **Color** és **Typography** értéke. |

## Course Description (kurzusleírás)

A kurzus rövid leírását mutatja: miről szól, mire számíthat a hallgató.

> **Fontos:** A Course Description widget az egyes kurzusok szerkesztőjében nem érhető el, csak a globális sablon szerkesztőjében. Egy konkrét kurzusoldal szerkesztésekor használd helyette a Course About widgetet vagy az Elementor alap szövegwidgetjét.

| Beállítás | Mit csinál |
|---|---|
| **Title** (Content) | A widget címe. |
| **Heading** (Style) | **Color**, **Typography**, **Gap** (a cím és a tartalom közötti függőleges távolság, eszközönként). |
| **Paragraph** (Style) | A bekezdés **Color** és **Typography** értéke. |

## Course Content (kurzustartalom)

Többcélú widget: egyben mutatja a kurzus leírását, előnyeit, tantervét és értékeléseit, hogy a látogató könnyebben döntsön a vásárlásról.

**Content** fül, szakaszonként:

| Szakasz | Beállítások |
|---|---|
| **About Course** | **Title**; **Alignment** (balra, középre, jobbra vagy sorkizárt, eszközönként). |
| **Course Benefits** | **Title**, **Layout** (lista vagy inline, eszközönként), **List Icon** (ikonkönyvtár vagy saját SVG), **Alignment** (eszközönként). |
| **Curriculum** | **Title**. |
| **Reviews** | **Title**. |

**Style** fül, szakaszonként:

| Szakasz | Beállítások |
|---|---|
| **About Course Title** | **Color**, **Typography**, **Gap** (eszközönként). |
| **About Course Text** | **Color**, **Typography**. |
| **Course Benefit** | A cím **Color**, **Typography**, **Gap** értéke (a gap eszközönként). |
| **Course Benefit List** | **Space Between**, **Border Type**, **Border Radius**, **Padding**, mint a Course Benefits widgetnél. |
| **Course Benefit Icon** | **Color**, **Size**. |
| **Course Benefit Text** | **Color**, **Text Indent**, **Typography**. |
| **Curriculum Header** | **Title Color**, **Title Typography**, **Gap** (eszközönként). |
| **Topic** | Lásd a Course Curriculum widgetnél. |
| **Lesson** | Lásd a Course Curriculum widgetnél. |
| **Spacing** | **Topic Padding**, **Lesson Padding** (eszközönként), **Space Between Topic**. |
| **Review Section Title** | **Color**, **Typography**, **Gap** (eszközönként). |
| **Review Avg** | Lásd a Course Reviews widgetnél. |
| **Right Rating Bar** | Lásd a Course Reviews widgetnél. |
| **Review List** | Lásd a Course Reviews widgetnél (itt a csillagok színe külön **Stars Color**, az értéké **Rating Color**). |

## Course Curriculum (tanterv)

A teljes tantervet megmutatja, így a látogató látja a kurzus menetét, és jobban fel tud készülni.

A **Content** fülön a **Title** mezőben adhatod meg a widget címét.

**Style** fül:

| Rész | Beállítások |
|---|---|
| **Curriculum Header Title** | **Title Color**, **Title Typography**, **Gap** (a cím és a tartalom közötti függőleges távolság, eszközönként). |
| **Topic** | **Icon Size**, **Typography**. A **Normal**, **Active** és **Hover** állapotra külön: **Icon Color**, **Text Color**, **Background Color**, **Border Type**, **Border Radius**. |
| **Lesson** | **Icon Size**, **Typography**. A **Normal** és **Hover** állapotra külön: **Icon Color**, **Text Color**, **Info Text Color**, **Background Color**, **Border Width**, **Border Color**. |
| **Spacing** | **Space Between Topic** (a témakörök közti távolság), **Topic Padding** és **Lesson Padding** (négy oldal, a lánc ikonnal külön is, eszközönként). |

## Course Instructors (oktatók)

A kurzus oktatóinak nevét mutatja. A látogató a widgetre kattintva az oktató profiljára juthat.

**Content** fül:

| Beállítás | Mit csinál |
|---|---|
| **Title** | A widget címe. |
| **Profile Picture** | Az oktató profilképének ki- és bekapcsolása. |
| **Display Name** | A megjelenített név ki- és bekapcsolása. |
| **Designation** | Az oktató titulusának (beosztásának) ki- és bekapcsolása. |
| **Link** | A profilra mutató link új vagy ugyanabban az ablakban nyíljon meg. |
| **Layout** | Függőleges vagy vízszintes elrendezés. |
| **Alignment** | A szöveg balra, középre vagy jobbra igazítása. |

**Style** fül:

| Rész | Beállítások |
|---|---|
| **Title** | **Color**, **Typography**, **Gap** (eszközönként). |
| **Instructor Section** | **Image Size** (a profilkép mérete), **Border Radius** (a lánc ikonnal a sarkok külön is), **Name Color**, **Name Typography**, **Designation Color**, **Designation Typography**. |

## Course Reviews (vélemények)

A kurzus értékeléseit és véleményeit mutatja, ami segíti a látogatót a beiratkozási döntésben.

A **Content** fülön a **Title** mezőben adhatod meg a widget címét.

**Style** fül:

| Rész | Beállítások |
|---|---|
| **Title** | **Color**, **Typography**, **Gap** (eszközönként). |
| **Review Avg** | **Text Color** és **Text Typography** (az átlagérték), **Stars Color**, **Stars Size**, **Total Label Color**, **Total Label Typography** (az összesítő felirat). |
| **Right Rating Bar** | **Color** (a sáv színe), **Fill Color** (a kitöltés színe), **Height**, **Star Color**, **Star Size** (a sáv melletti csillagok), **Text Color**, **Text Typography**. |
| **Review List** | **Image Size** (a felhasználó képe), **Border Type**, **Border Radius** (az avatar alakja), **Name Color**, **Name Typography**, **Time Text Color**, **Time Text Typography**, **Rating Color**, **Star Size**, **Comment Color**, **Comment Typography**. |

## Course Wishlist (kívánságlista)

Kívánságlista-gombot ad az oldalhoz: a felhasználó elmentheti a tetsző kurzusokat, később könnyen megtalálja, és beiratkozhat vagy megvásárolhatja őket.

**Content** fül:

| Beállítás | Mit csinál |
|---|---|
| **Show Icon** | A kívánságlista ikonjának megjelenítése. |
| **Show Text** | A felirat megjelenítése. |
| **Text** | A felirat szövege. |
| **Alignment** | Balra, középre vagy jobbra igazítás, eszközönként. |
| **Space Between** | Az ikon és a felirat közötti távolság, eszközönként. |

**Style** fül: **Icon Color**, **Icon Size** (eszközönként), **Text Color**, **Typography**.

## Bundle Title (csomag címe)

A kurzuscsomag (bundle) címét jeleníti meg.

| Beállítás | Mit csinál |
|---|---|
| **Select Tag** (Content → General Settings) | A cím HTML-címkéje, H1-től H6-ig. |
| **Alignment** (Content → General Settings) | Balra, középre vagy jobbra igazítás, eszközönként. |
| **Color** (Style) | A szöveg színe, globális vagy egyedi. |
| **Typography** (Style) | A betűstílus; az egyedi panel mezőit lásd az [Elementor: első lépések és kurzus-widgetek](https://hub.hellowp.io/hu/plugins/tutor-pro/integraciok-elementor/) fejezetben. |