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