Shortcode para Mostrar la Duración de un Curso en Tutor LMS

Este artículo es material informativo sobre una función que desarrollé para un proyecto, diseñada para obtener y mostrar la duración de un curso en Tutor LMS mediante un shortcode. Esta función es una base útil que puedes modificar y ampliar para crear funciones más avanzadas y personalizadas, permitiéndote adaptar los datos de duración a la estética y funcionalidad de tu sitio web.

Función: tws_get_course_duration

La función tws_get_course_duration recupera y devuelve la duración de un curso en formato de horas y minutos. Por ejemplo, si el curso dura 4 horas y 15 minutos, la salida sería 4h 15m. Si el curso no tiene duración especificada, el valor será 0.

function tws_get_course_duration() {
    // Obtiene la duración del curso desde Tutor LMS en formato de horas y minutos
    $course_duration = get_tutor_course_duration_context( 0, true );
    $course_duration = ( ! empty( $course_duration ) ) ? $course_duration : 0;
    
    return $course_duration;
}

Para usar esta función como shortcode, agrega la siguiente línea después de la función:

add_shortcode( 'tws_course_duration', 'tws_get_course_duration' );

Formato de la Salida

La salida generada por este shortcode es un string en etiquetas <span>, lo cual permite estilizar las unidades de tiempo con precisión. Por ejemplo:

<span class="tutor-meta-level">7</span><span class="tutor-meta-value tutor-color-secondary tutor-mr-4">h</span>
<span class="tutor-meta-level">50</span><span class="tutor-meta-value tutor-color-secondary tutor-mr-4">m</span>

Con este formato:

• Los valores de horas y minutos están en <span>, usando clases CSS específicas como tutor-meta-level y tutor-meta-value para facilitar la personalización de estilos.

Uso del Shortcode

Para mostrar la duración del curso en cualquier parte de tu sitio, simplemente coloca el shortcode [tws_course_duration]. Esto puede ser útil en páginas de detalles del curso, listados personalizados, o secciones de descripción general.

Personalización y Estilos CSS

Con las clases tutor-meta-level y tutor-meta-value, puedes personalizar fácilmente la apariencia del texto. Por ejemplo:

.tutor-meta-level {
    font-weight: bold;
    font-size: 1.2em;
}

.tutor-meta-value {
    color: #888;
    margin-right: 5px;
}

Adaptaciones y Mejoras

Este código es una excelente base que puedes modificar para crear funciones personalizadas en tu tienda de cursos. Puedes adaptarlo para incluir otros datos del curso, como el nivel de dificultad o la carga horaria completa de un programa. ¡Anímate a personalizar esta función y crear funcionalidades más avanzadas según las necesidades de tu proyecto!