Cómo adaptar los estilos del tema Astra para cursos online con Sensei LMS

El tema Astra es una maravilla para prácticamente todo, pero si has tratado de usarlo para hacer una academia en la que vender cursos online te habrás dado cuenta de que el plugin Sensei LMS te indica que no es compatible, pero sobre todo, que no se aplican correctamente los estilos de Astra a tus cursos, módulos y secciones.

Esto es debido a que, por defecto, Astra no es totalmente compatible con Sensei LMS, algo que afortunadamente tiene fácil solución.

El truco está en añadir un código que permita que se carguen correctamente los estilos de Astra en tus cursos, módulos y lecciones. Los pasos son estos:

1. Si aún no lo has hecho, crea un tema hijo para Astra y actívalo.
2. En el archivo functions.php del tema hijo añade el código de abajo y guarda los cambios.

/* Desactivar las envolturas por defecto de las plantillas de Sensei */
global $woothemes_sensei;
remove_action( 'sensei_before_main_content', array( $woothemes_sensei->frontend, 'sensei_output_content_wrapper' ), 10 );
remove_action( 'sensei_after_main_content', array( $woothemes_sensei->frontend, 'sensei_output_content_wrapper_end' ), 10 );
/* Cargar envolturas correctas de diseños de Sensei para Astra */
function astra_child_sensei_wrapper_start() {
$site_sidebar = astra_page_layout();
if ( 'left-sidebar' == $site_sidebar ) {
get_sidebar();
}
?>
<div id="primary" class="content-area primary">
<?php astra_primary_content_top(); ?>
<main id="main" class="site-main" role="main">
<div class="ast-lifterlms-container">
<?php
}
function astra_child_sensei_wrapper_end() {
?>
</div> <!-- .ast-lifterlms-container -->
</main> <!-- #main -->
<?php astra_primary_content_bottom(); ?>
</div> <!-- #primary -->
<?php
$site_sidebar = astra_page_layout();
if ( 'right-sidebar' == $site_sidebar ) {
get_sidebar();
}
}
add_action('sensei_before_main_content', 'astra_child_sensei_wrapper_start', 10);
add_action('sensei_after_main_content', 'astra_child_sensei_wrapper_end', 10);
/* Declarar compatibilidad con Sensei */
function astra_child_declare_sensei_support() {
add_theme_support( 'sensei' );
}
add_action( 'after_setup_theme', 'astra_child_declare_sensei_support' );

Una vez hecho esto tus cursos de Sensei LMS ya se mostrarán correctamente y se adaptarán a los estilos que apliques con el tema Astra, ya sea la versión gratuita o la pro.

¿Te gustó este artículo? ¡Ni te imaginas lo que te estás perdiendo en YouTube!