Design Upgrade Pro for LearnDash

Cuando LearnDash funciona bien pero se ve como un añadido pegado a tu theme

Montas el curso, los alumnos entran y lo primero que notan es que la lista de lecciones, los botones y las barras de progreso no se parecen al resto de tu web. Arreglarlo a base de CSS suele acabar en parches que se rompen con cada cambio y en horas de prueba y error. Design Upgrade Pro for LearnDash mueve ese trabajo al personalizador de WordPress: más de 100 opciones para ajustar el aspecto de LearnDash sin escribir código.

Qué cambia nada más activar Design Upgrade Pro for LearnDash

Antes de tocar ninguna opción, el plugin aplica estilos más limpios: el CSS de LearnDash se acerca al de tu theme, los tamaños de fuente vuelven a los valores del theme, las áreas clicables son más grandes y los botones son más coherentes entre sí. También mejora las listas de contenido de lecciones, temas, cuestionarios y tareas.

Detecta si usas la plantilla 3.0 o la Legacy y muestra en el personalizador el conjunto de opciones que corresponde. Con la 3.0 aparecen además opciones para modo de enfoque, alertas, tooltips y login/registro.

Según qué vendas, estas son las opciones que más usarás

Si tienes un catálogo de cursos en cuadrícula

Con el add-on Course Grid puedes igualar la altura de los elementos y eliminar los huecos y problemas de posicionamiento. Ajustas bordes, sombras y esquinas cuadradas o redondeadas, y añades efectos al pasar el cursor: sombra, elevación o ampliación. Hay cuatro tipos de listón (cursos de pago, gratuitos, ya inscrito y personalizados) y el desplegable de categorías admite ancho, fondo, radio de borde y relleno.

Si tus alumnos hacen cursos largos

• Navegación del curso: mostrar todos los temas y cuestionarios sin flechas expandibles, o autoexpandirlos, con sangrías y tachado en lo completado.
• Barras de progreso: rayadas, animadas, redondeadas o cuadradas, con altura y color propios, y con la opción de ocultar el texto «X/Y pasos» o el porcentaje.
• Colores de finalización personalizables para iconos y estados.

Si usas un page builder

El modo de enfoque admite ancho de contenido de borde a borde, pensado para maquetar con un constructor. Además puedes ocultar título, migas de pan, botones inferiores o el enlace de volver al curso. Funciona con Elementor, Beaver Builder y Divi: tú maquetas la página y el plugin da estilo a los elementos de LearnDash dentro.

Si quieres cuidar el acceso y el perfil

La ventana de login y registro tiene más de 10 opciones: color y opacidad del fondo, bordes, paneles, campos del formulario y la posibilidad de quitar el logo o los textos descriptivos. En el perfil puedes ocultar secciones, estadísticas o el buscador, cambiar el avatar y poner una URL propia al enlace de editar perfil.

Necesita las plantillas clásicas de LearnDash: los diseños Modern UI quedan fuera

Los estilos del plugin no funcionan con los diseños Modern UI de LearnDash (registro, páginas de curso y páginas de grupo). Para usarlo tienes que desactivarlos. Con la plantilla 3.0, ajusta los colores de LearnDash en «Default».

• No se pueden cambiar los tamaños de fuente desde el personalizador: se heredan del theme a propósito.
• No permite usar iconos o checks personalizados.
• La cuadrícula solo se estiliza con el shortcode [ld_course_list], no con el nuevo bloque Course Grid.
• Es un complemento: LearnDash debe estar instalado aparte.
• Los themes que ya traen estilos propios para LearnDash, como Social Learner, no son compatibles.

Preguntas frecuentes sobre Design Upgrade Pro for LearnDash

¿Con qué themes funciona?

Está pensado para casi cualquier theme. Se ha probado con BuddyBoss, Kadence, Astra, Divi, GeneratePress, eLumine (con LearnDash 3.0 o superior), OceanWP, LearnMate y Edufire.

¿Sirve con LearnDash 2.x y la plantilla Legacy?

Sí, es compatible con las series 2.x, 3.x y 4.x. Las opciones nuevas, como modo de enfoque o alertas, son de la plantilla 3.0.

¿Hay versión gratuita?

Existe una versión gratuita que mejora el diseño por defecto, pero sin opciones en el personalizador.

¿Puedo cambiar el tamaño de letra?

No desde el personalizador. Si necesitas ajustar un elemento concreto, tendrás que hacerlo con CSS propio.

Un plugin para quien ya tiene claro cómo debe verse su aula virtual

Si tu problema es que LearnDash desentona con tu marca, Design Upgrade Pro for LearnDash te ahorra el CSS a medida. Si tu web usa los diseños Modern UI o necesitas iconos propios, mira antes otra vía.