Ugrás a fő tartalomhoz

WP Grid Builder - LearnDash

Mi ez és milyen problémát old meg?​

A WP Grid Builder – LearnDash egy hivatalos kiegészítő, amely a WP Grid Builder kártya- és rácsmotorját kapcsolja össze a LearnDash tananyagokkal. Célja, hogy a kurzusaidat, leckéidet és témáidat egységes, testreszabható kártyadizájnban jelenítsd meg, miközben a tanulók számára releváns dinamikus adatokat (ár, előrehaladás, státusz, ütemezés) kódolás nélkül, vizuálisan építed be. Megszünteti a „kódkényszert”, és skálázható, gyors facettált szűrést ad a kurzuslistákhoz.

Fő funkciók részletesen​

LearnDash-specifikus kártyablokkok​

A kiegészítő új blokkokat ad a WPGB Card Builder felületéhez, amelyek közvetlenül a LearnDash adataiból dolgoznak:

  • Előrehaladás sáv és %: bejelentkezett felhasználóknál személyre szabott progresszt mutat, így a tanuló azonnal látja, hol tart.
  • Leckék/lépések száma: megjeleníti, mennyi tartalom vár a kurzusban.
  • Felhasználói aktivitás: jelzi, hogy a tanuló elkezdte-e vagy befejezte-e a kurzust.
  • Ár: a kurzus aktuális árát és opcióit kártyaszinten jelenítheted meg.
  • Tartalomtípus státusz: vizuális jelzés, hogy a kártya kurzus, lecke vagy téma.
  • Ütemezés (Lesson release schedule): feltünteti, mikor válik elérhetővé egy lecke vagy modul.

Ezek a blokkok a kártyán bárhol elhelyezhetők, kombinálhatók, és a WPGB stílus- és feltételkezelésével (pl. csak bejelentkezett felhasználóknak) finoman szabályozhatók.

Course Grid mezők integrációja​

Sok LearnDash-telepítés használja a „Course Grid” funkció extra mezőit. Az addon képes ezeket is kártyára tenni:

  • Rövid leírás (short description)
  • Egyedi gombszöveg (pl. „Beiratkozom”)
  • Price ribbon (árszalag a kártya sarkában)
  • Videós előnézet (YouTube/Vimeo/Wistia teaser)

Így egy helyen, egységesen kezeled a metaadatokat, nem kell két külön megoldás logikáját összefésülnöd.

Rácsok, facetták és teljesítmény​

A LearnDash-adatok a WPGB teljes ökoszisztémájával működnek:

  • Facettált szűrők: taxonómiák, egyedi mezők, rendezés, ár, szint, címkék, dátum, értékelés.
  • Gyors Ajax szűrés és indexelés: nagy kurzusállomány esetén is reszponzív, oldal-újratöltés nélküli UX.
  • Rugalmas rácsok: Masonry, Justified, Metro, karusszelek; egyedi kártyasablonok.
  • Gutenberg blokkok és shortcode-ok: ahol kényelmes, ott illeszted be.

Kettős Course Grid-helyzet támogatása​

Előfordulhat, hogy a Course Grid funkció külön bővítményként települ, más környezetben pedig a LearnDash magjához tartozik. Az addon mindkét helyzetet támogatja, ezért projektindításkor elég ellenőrizned, nálad melyik érvényes.

Hogyan állítsd be? (rövid útmutató)​

  1. Telepítés: aktiváld a WP Grid Buildert, a LearnDash LMS-t és a LearnDash kiegészítőt.
  2. Kártyaépítés: a WPGB Card Builderben keresd a LearnDash blokkokat, húzd a kártyára (pl. progress bar, ár, rövid leírás), állítsd be a stílust és láthatósági feltételeket.
  3. Rács létrehozása: készíts egy Gridet a LearnDash „Course” tartalomtípushoz, és rendeld hozzá a kártyát.
  4. Facettek: adj szűrőket (kategória, szint, ár, címke, rendezés), és kösd a gridhez.
  5. Beillesztés oldalra: használd a WPGB blokkokat, vagy illeszd be shortcode-dal:
[wpgb_filters id="courses-filters"]
[wpgb_grid id="courses-grid"]

Cseréld az azonosítókat a sajátjaidra. A gyors működéshez futtasd le a WPGB indexelőt a telepítés után.

Gyakorlati példák​

  • Nyilvános kurzuskatalógus: rácsban listázod a kurzusokat, kártyán az ár, rövid leírás, price ribbon és teaser videó. A felhasználó kategóriára, szintre, árra, értékelésre szűr.
  • „My Courses” nézet: bejelentkezett tanulóknak személyre szabott kártyák, előrehaladás sávval, státusszal („folyamatban”, „befejezve”) és a következő elérhető lecke időpontjával.
  • Tantárgy-/modulkatalógus: leckéket és témákat listázol, ahol a látogató tartalomtípusra, témakörre vagy nehézségi szintre szűr.
  • Értékesítési aloldal: kiemelt kurzusok karusszelben, egyedi CTA gombszöveggel és price ribbonnel a konverzió növelésére.

Előnyök és értékajánlat​

  • No-code felépítés: a LearnDash adatok kártyára tétele és feltételes megjelenítése kód nélkül.
  • Egységes dizájn: a Course Grid metaadatok zökkenőmentesen illeszkednek a WPGB kártyasablonjaiba.
  • Skálázható teljesítmény: gyors indexelés és Ajax szűrés nagy katalógusoknál is.
  • Személyre szabott élmény: felhasználónként eltérő előrehaladás és státusz jelenik meg.
  • Kevesebb fejlesztési idő: vizuális szerkesztés, újrahasználható kártyák és rácsok.

Kinek ajánlott?​

  • E-learning csapatoknak: akik professzionális, kereshető „All Courses” oldalt szeretnének.
  • Ügynökségeknek: standardizálható, újrahasznosítható komponensek több LearnDash-projekthez.
  • Oktatóknak és kisebb vállalkozásoknak: egyszerűen összeállítható katalógus, konverziót támogató kártyákkal.
  • Technikai vezetőknek: átlátható adatforrások, jól definiált kompatibilitási keretek és stabil működés.

Követelmények és kompatibilitás​

  • Függőségek: szükséged van a WP Grid Builder alapbővítményre és a LearnDash LMS-re.
  • Course Grid mezők: a kapcsolódó extra mezők akkor érhetők el, ha a környezetedben a Course Grid funkció aktív (külön bővítményként vagy a LearnDash részeként).
  • Beillesztés: Gutenberg blokkokkal vagy shortcode-okkal működik; a facetták a WPGB általános szűrőivel kompatibilisek.
  • Licencelés: a LearnDash addon a WP Grid Builder előfizetéshez tartozó kiegészítő.

Tippek a sikeres bevezetéshez​

  • Feltételes megjelenítés: csak bejelentkezetteknek mutasd az előrehaladást; vendégeknek ár és összefoglaló.
  • Indexelő futtatása: nagy kurzusállománynál rendszeresen frissítsd az indexet a gyors szűrésért.
  • Kártyasablonok: készíts külön kártyát nyilvános katalógushoz és „My Courses” nézethez.
  • Tesztkörnyezet: ellenőrizd, nálad a Course Grid funkció külön bővítményként vagy a mag részeként érhető el; az addon mindkettőt kezeli.