Oxygen Builder: egyedi kurzuselemek és archívumok

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 fejezetet).

Egyedi kurzuselemek

Az elemek beállításai nagyrészt megegyeznek a teljes kurzussablonéval (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ó.