Elementor: kurzustartalom-widgetek

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 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 fejezetben.