LearnDash Course Grid Addon

Tu lista de cursos atiende a dos públicos a la vez

Quien todavía no compró entra en tu página de cursos para decidir. Quien ya está matriculado entra en esa misma página para retomar lo que dejó a medias. Si la lista enseña lo mismo a los dos, uno de ellos se queda sin lo que vino a buscar: el primero no ve nada que lo convenza y el segundo no ve por dónde iba.

Un catálogo de cursos es escaparate y aula al mismo tiempo. LearnDash Course Grid muestra los cursos en una cuadrícula visual cuyas tarjetas cambian según la relación de cada usuario con el curso.

Es un complemento de LearnDash: no crea cursos ni cobra matrículas. Desde LearnDash 4.21.4 esta función viene en el núcleo: comprueba tu versión antes de instalarlo.

Lo que cambia en cada tarjeta según quién mira

• Cinta para quien ya empezó: indica Completed si el usuario terminó el curso y Enrolled si está matriculado.
• Cinta para quien aún no entró: depende del modo de acceso. Un curso gratuito muestra Free; uno abierto o cerrado sin precio no muestra cinta.
• Barra de progreso: aparece solo en cursos donde el usuario está matriculado o que ya completó, y solo para cursos y grupos.
• Vista de matriculados: la consulta puede filtrar por si el usuario está matriculado en el curso o grupo. Con shortcode se filtra además por completado, en curso o sin empezar.
• Datos por curso: cada curso admite descripción corta, duración, texto de botón, texto de cinta y un vídeo de vista previa en lugar de la imagen.

Cómo se monta y se filtra la cuadrícula

• Tres diseños: Grid, Masonry y List. Grid y Masonry usan las tarjetas grid-1, grid-2 y grid-3; List usa list-1 y list-2.
• Columnas: tres por defecto. Con el ancho mínimo, que es de 250 píxeles en el shortcode, el número de columnas se ajusta solo cuando el espacio no alcanza.
• Filtros: búsqueda por palabra, taxonomías públicas y rango de precio. El panel va sobre la cuadrícula o en otro lugar de la página, como una barra lateral, con [learndash_course_grid_filter].
• Paginación: botón de cargar más o scroll infinito. Si hay más elementos que el límite por página, hay que elegir una para mostrar el resto.

Hasta dónde llega con lecciones, temas y cuestionarios

La cuadrícula también muestra lecciones, temas y cuestionarios, pero ahí pierde las funciones ligadas a cada alumno: no hay vista de matriculados, barra de progreso ni cinta de precio. Las cintas solo salen en cuadrículas de cursos.

• Los temas se filtran solo por curso, no por lección, y los cuestionarios solo por curso.
• El filtro de precio cubre cursos y grupos; otros tipos de contenido necesitan un filtro de código.

Bloque o shortcode, y cómo empezar

El bloque del editor de WordPress tiene pestañas de plantilla, consulta, elementos, filtro y estilos. El shortcode [learndash_course_grid id=cg-1] sirve para constructores y editor clásico, con menos opciones. Necesitas LearnDash instalado.

1. Si usas una versión anterior a LearnDash 4.21.4, instala y activa Course Grid.
2. Rellena en cada curso la descripción, la duración y la imagen destacada que alimenta la miniatura.
3. Busca el bloque LearnDash Course Grid con el icono + e insértalo en la página.
4. Elige diseño y tarjeta, activa el filtro y una paginación.
5. Abre la página como visitante y como alumno matriculado, y compara lo que ve cada uno.

Si vienes de Course Grid 1.0, los nombres de los atributos cambian: col pasa a ser columns. Existe un diseño legacy-v1 para aquellos shortcodes, pero la mayoría no está disponible en 2.0, así que revisa una por una las páginas antiguas en una copia del sitio.

Otras piezas para la parte visible de LearnDash

Todo esto se apoya en LearnDash LMS, que es la base. Si construyes con Divi, Divi LearnDash Kit convierte los shortcodes de LearnDash en módulos nativos, entre ellos una lista de cursos.

Para que los alumnos tengan un área propia con sus cursos, progreso, notas y certificados, LearnDash Dashboard lleva eso a la parte pública del sitio.

Dudas sobre las cuadrículas de cursos en LearnDash

¿Funciona sin LearnDash?

No. Es un complemento de LearnDash y muestra sus cursos, lecciones, temas, cuestionarios y grupos.

¿Puedo mostrar a cada alumno solo sus cursos?

Sí. La consulta filtra por estado de matrícula, y con shortcode también por progreso.

¿Puedo crear mi propio diseño de tarjeta?

Sí, si trabajas con código. Las plantillas personalizadas van en el tema activo, dentro de /learndash/course-grid/, y se registran con los filtros learndash_course_grid_skins y learndash_course_grid_cards.