Volver a Docs

Modo Aprendizaje

Actualizado el 13 de enero de 2023

Visión general

El Modo de Aprendizaje es el enfoque de Sensei para proporcionar una experiencia libre de distracciones a los estudiantes y permitir a los creadores de cursos elegir un diseño moderno para sus cursos. Sensei LMS, junto con Sensei Pro, incluye cuatro diseños diferentes para elegir. Además, los creadores de cursos pueden personalizar cada diseño o crear el suyo propio desde cero.

El Editor de Sitios de WordPress permite diseñar todo el sitio utilizando bloques, no sólo el contenido de las entradas. El Modo Aprendizaje se basa en el Editor de Sitios para permitir a los creadores de cursos aprovechar sus ventajas sin necesidad de instalar un tema de bloques. Las funciones de edición del sitio sólo están disponibles para las lecciones, sin afectar al resto del sitio.

En este tutorial, vamos a aprender cómo puede personalizar las plantillas del Modo de Aprendizaje, lo que Sensei ya proporciona para usted, e incluso cómo puede crear sus propias plantillas.

Cómo activar el modo de aprendizaje

Hay dos maneras de habilitar el Modo de Aprendizaje, habilitarlo por curso o habilitarlo para todos los cursos. En las nuevas instalaciones de Sensei, el modo de aprendizaje está activado por defecto para todos los cursos.

Para habilitarlo para un solo curso, visite el curso. En la barra lateral de configuración de la derecha, asegúrese de que la configuración 'Course' está seleccionada y abra el panel 'Modo de aprendizaje'. Puede previsualizar el aspecto de las lecciones haciendo clic en "Previsualizar". Para activar el modo de aprendizaje, haga clic en el conmutador y luego en "Actualizar". Esto actualizará el diseño de todas las lecciones del curso. El diseño del curso no se verá afectado.

Alternativamente, puede activar el Modo de Aprendizaje para todos los cursos visitando la configuración de Sensei en la barra lateral del administrador y seleccionando la pestaña Apariencia.

Configuración de Sensei Pestaña Apariencia

En la pestaña Apariencia, también puede elegir el diseño del Modo de Aprendizaje que desea utilizar. Al hacer clic en "Vista previa" aparecerá una ventana emergente con una imagen detallada del diseño. Sensei LMS Free incluye sólo un diseño, con más opciones disponibles en Sensei Pro.

A continuación, veremos cómo puede aplicar sus propias personalizaciones a las plantillas del modo de aprendizaje.

Plantillas del modo de aprendizaje

Incluimos 4 plantillas diferentes de Modo de Aprendizaje en Sensei Pro. La plantilla predeterminada también está disponible en el plugin gratuito Sensei LMS.

Plantilla por defecto

La plantilla por defecto es una plantilla limpia, pulida y mínima que funciona muy bien para todos los cursos. Su diseño consiste en un cuerpo principal de dos columnas con el bloque de navegación Course a la izquierda y el contenido principal del curso a la derecha. La parte superior tiene la marca de su sitio junto a la barra de progreso Course , y debajo verá las acciones Course .

Plantilla predeterminada del modo de aprendizaje

Esta plantilla está construida con bloques Sensei personalizados y algunos bloques de diseño básicos como grupo, título de la entrada, bloques de contenido de la entrada.

Estos son los bloques Sensei de esta plantilla: sensei-lms/ui, sensei-lms/course-title, sensei-lms/course-theme-contador de progreso del curso, sensei-lms/exit-course, sensei-lms/sidebar-toggle-button, sensei-lms/course-theme-barra de progreso del curso, sensei-lms/course-navigation, sensei-lms/spacer-flex, sensei-lms/button-contact-teacher, sensei-lms/course-theme-lesson-module, sensei-lms/course-theme-notices, sensei-lms/course-theme-lesson-actions y sensei-lms/page-actions.

Plantilla moderna

En esta plantilla moderna minimalista, mostramos el resumen del curso, la barra superior, el vídeo destacado (si está disponible), la aproximación del tiempo del curso y el nivel de dificultad a la derecha. El enfoque de la plantilla moderna de dar prioridad al contenido será una gran opción libre de distracciones para su curso. Esta plantilla también cuenta con el Bloque de Vídeo de Lección que se muestra en el área de contenido principal en la parte superior. Nota: Para hacer uso de este bloque, necesitará utilizar el Bloque de Video Destacado en el editor del curso.

Modo de aprendizaje Tema moderno

Esta plantilla está construida con bloques Sensei personalizados y algunos bloques de diseño básicos como grupo, columnas, columna, título de la entrada, bloques de contenido de la entrada.

Además de los bloques del tema por defecto, también incluimos el bloque sensei-lms/course-theme-lesson-video que es responsable de mostrar el bloque de vídeo destacado. Tenga en cuenta que este bloque no es el bloque de vídeo destacado en el editor y está destinado a ser utilizado sólo en las plantillas para detectar y representar el bloque de vídeo destacado.

Plantilla de vídeo

Contenido de vídeo inmersivo que ocupa todo el ancho de la página. El resumen del curso se desplaza a la derecha como una especie de lista de reproducción y los estudiantes pueden navegar entre las lecciones de vídeo y seguir su progreso. Esta plantilla también incluye la barra superior de información del curso.

Modo de aprendizaje Tema de vídeo

Esta plantilla está construida con bloques Sensei personalizados y algunos bloques de diseño básicos como grupo, columnas, columna, título de la entrada, bloques de contenido de la entrada.

Al igual que la plantilla moderna, esta plantilla también incluye el bloque sensei-lms/course-theme-lesson-video que muestra el bloque de vídeo destacado si se ha añadido uno en la plantilla.

Plantilla de vídeo grande

Con la plantilla de vídeo grande, el vídeo destacado ocupará todo el ancho de la página y el resumen del curso se desplazará por debajo. El resumen del curso se "pegará" cuando el usuario empiece a desplazarse más.

Modo de aprendizaje Vídeo-Tema completo

Esta plantilla utiliza los mismos bloques que la plantilla de vídeo. Al igual que las plantillas moderna y de vídeo, esta plantilla también incluye el bloque sensei-lms/course-theme-lesson-video que muestra el bloque de vídeo destacado si se ha añadido uno en la plantilla.

Personalizar el modo de aprendizaje

El Editor de Sitios permite a los creadores modificar y crear diseños que se comparten entre muchas páginas y entradas diferentes. Cada diseño diferente se denomina Plantilla y cada cambio realizado en una Plantilla se reflejará en todas las páginas y entradas que la utilicen. Aunque esta guía le enseñará los conceptos básicos de la utilización del Editor de Sitios, usted puede aprender más leyendo la guía oficial aquí.

El Modo de Aprendizaje de Sensei se construye utilizando el Editor de Sitios y cada diseño diferente es esencialmente una Plantilla del Editor de Sitios. Para ver todas las plantillas disponibles, puede visitar 'Apariencia' -> 'Editor', haga clic en el icono de la esquina superior izquierda y seleccione 'Plantillas'.

Plantillas del editor del sitio

En el ejemplo anterior, este sitio tiene dos plantillas de Sensei y tres plantillas del tema Twenty Twenty-Two. Si no está utilizando un tema en bloque, sólo las plantillas de Sensei estarán disponibles. Al hacer clic en una Plantilla se abrirá en el Editor de Sitios para personalizarla. Del mismo modo con los mensajes, para guardar los cambios que usted necesita para hacer clic en "Actualizar".

Plantilla modificada del modo de aprendizaje

Aparecerá un icono de Plantilla personalizada con un punto azul encima. En el menú desplegable, puede revertir todas las personalizaciones y volver al estado original de la Plantilla. Sin embargo, ten cuidado, ya que tus cambios se perderán permanentemente.

Personalizar los bloques de la plantilla

Cualquier Plantilla se compone de bloques, de forma similar al contenido del post. Cuando añades un bloque a una Plantilla, este bloque aparecerá en cada entrada que utilice esta plantilla. WordPress proporciona Bloques Tem áticos para permitir a los usuarios añadir contenido relevante para muchas páginas y entradas. Un ejemplo es el bloque Contenido de la Entrada que se representa como un marcador de posición en el Editor del Sitio, sin embargo en el front-end su contenido será reemplazado por el contenido real de la entrada. Otros ejemplos de este tipo de bloques son el Título de la Entrada o el Logo del Sitio. En esta sección, aprenderemos cómo puede reorganizar, añadir y eliminar bloques de una Plantilla.

La vista de lista

La Vista Lista muestra todos los bloques incluidos en una Plantilla de forma jerárquica.

Los bloques del Editor de Sitios de Sensei tienen un color verde.

Se trata de un bloque bloqueado. Por lo general, los desarrolladores de Sensei marcan los bloques como bloqueados en los casos en los que la eliminación y/o el desplazamiento del bloque rompe parte de la funcionalidad de Sensei. Desbloquee un bloque sólo si es consciente de las consecuencias.

Los niveles jerárquicos están separados por sangrías. En este caso concreto, el bloque 'Cabecera fija' contiene los bloques 'Fila' y 'Course Barra de progreso'. La "Fila" contiene a su vez otras dos "Filas".

Utilice este botón para abrir o cerrar la Vista en Lista.

La vista de lista

La Vista Lista es una herramienta muy útil para analizar los bloques contenidos en una Plantilla. Por ejemplo, en la captura de pantalla anterior se muestran los bloques básicos para el diseño predeterminado del Modo de aprendizaje. En la parte superior está la Cabecera Fija que contiene una Fila con los botones y el título del curso y la Barra de Progreso Course debajo de ella. El resto de la página está definido por un Diseño de Dos Columnas, que contiene la Barra Lateral y el Contenido Principal de la lección. Haga clic en los puntos calientes de la imagen para ver más detalles.

Quitar y añadir bloques

Las plantillas del Modo Aprendizaje intentan incluir los componentes de Sensei que tienen sentido para la mayoría de los usuarios. Sin embargo, es posible que algunos de los componentes no se adapten a sus necesidades. Por ejemplo, supongamos que no desea permitir que los alumnos se pongan en contacto con usted y necesita eliminar el bloque 'Contactar con el profesor'. Para eliminarlo:

  1. Seleccione el bloque en la Vista en Lista o en el Editor de Sitios.
  2. Abra el menú desplegable.
  3. Seleccione la opción "Eliminar" seguida del nombre del bloque.
Eliminar un bloque

Ahora supongamos que quieres utilizar el espacio vaciado para promocionar alguna otra página añadiendo un botón. Para añadir un bloque puedes utilizar el botón '+' o añadirlo pegado a otro bloque. Más concretamente:

  1. Seleccione un bloque adyacente.
  2. Abra el menú desplegable.
  3. Seleccione "Insertar antes" o "Insertar después".
  4. Escriba '/' y el nombre del bloque que desea añadir.
Añadir un bloque

Reorganización de bloques

Los bloques también se pueden reorganizar para cambiar la disposición del Modo de Aprendizaje. Puedes reorganizar los bloques arrastrándolos y soltándolos o con los botones de movimiento.

Desplazar un bloque en el editor

Como alternativa, puede utilizar la vista de lista, con la ventaja añadida de que comprenderá mejor la jerarquía de bloques resultante.

Desplazar un bloque en la vista Lista