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.
How to Enable Learning Mode
There are two ways to enable Learning Mode, enable it on a per-course basis, or you can enable it for all courses. Learning Mode is enabled by default for all courses on new Sensei installations.
To enable it for a single course, only visit the course. In the Settings Sidebar to the right, select the ‘Course’ settings and open the ‘Learning Mode’ panel. You can preview how the lessons will look like by clicking ‘Preview’. To enable Learning Mode, click the toggle and then ‘Update’. This will update the layout for all the course’s lessons. The course layout will be unaffected.
Alternatively, you can enable Learning Mode for all courses by visiting Sensei LMS > Settings > Appearance tab > Appearance section, Learning Mode checkbox “Enable for all courses”.
You can also choose which Learning Mode layout to use in the Appearance tab. Clicking on ‘Preview’ will bring up a pop-up with a detailed layout image. Sensei LMS Free includes only one layout, with more options available in Sensei Pro.
Below, we will look into how to apply your customizations to Learning Mode templates.
Plantillas del modo de aprendizaje
We include four different Learning Mode templates in Sensei Pro. The Default template is available in the free Sensei LMS plugin as well.
Plantilla por defecto
The Default Template is a clean, polished, minimal template that works great for all courses. Its layout consists of a two-column main body with the Course Navigation Block on the left side and the course main content on the right. The top has your site’s branding alongside the Course Progress Bar, and below, you’ll see the Course Actions.
This template is built with both custom Sensei blocks and some core layout blocks like group, post title, and post content blocks.
These are the Sensei blocks on this template:
sensei-lms/ui, sensei-lms/course-title, sensei-lms/course-theme-course-progress-counter, sensei-lms/exit-course, sensei-lms/sidebar-toggle-button, sensei-lms/course-theme-course-progress-bar, 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 and sensei-lms/page-actions.
Plantilla moderna
This minimalistic modern template displays the course summary, top bar, featured video (if available), course time approximation, and difficulty level on the right side.
The Modern template’s approach of content first will be a great distraction-free option for your course. This template also features the Lesson Video Block displayed in the main content area at the top.
Note: To use this block, you will need to use the Featured Video Block in the course editor.
This template is built with both custom Sensei blocks and some core layout blocks like group, columns, column, post title, and post content blocks.
In addition to the blocks in the default theme, we also include the sensei-lms/course-theme-lesson-video block, which is responsible for rendering the featured video block.
Note that this block is not the featured video block in the editor and is meant to be used only in the templates to detect and render the featured video block.
Plantilla de vídeo
This template features immersive video content that takes the full width of the page. The course summary moves to the right as a kind of playlist, and students can navigate between video lessons and track their progress. This template also includes the top bar course information.
This template is built with both custom Sensei blocks and some core layout blocks like group, columns, column, post title, and post content blocks.
Like the modern template, this template also includes the sensei-lms/course-theme-lesson-video block, which renders the featured video block if one was added to the template.
Plantilla de vídeo grande
With the Large Video template, the Featured Video Block will display the full width of the page, with the course summary moving underneath. The course summary will become “sticky” after the user starts scrolling further.
This template uses the same blocks as the video template. Like the modern and video templates, this template also includes the sensei-lms/course-theme-lesson-video block, which renders the featured video block if one was added to the template.
Personalizar el modo de aprendizaje
The Site Editor allows creators to modify and create layouts shared between pages and posts. Each layout is called a Template, and every change done to a Template will reflect on all pages and posts.
Although this guide will teach you the basics of using the Site Editor, this is the official guide from where you can learn more about it.
Sensei’s Learning Mode is built using the Site Editor; every layout is essentially a Site Editor Template. To see all available Templates, you can visit ‘Appearance’ > ‘Editor’, click the icon in the top left corner and select ‘Templates’.
In the above example, this site has two Templates from Sensei and three Templates from the Twenty Twenty-Two theme. If you are not using a block theme, only the Templates from Sensei are going to be available.
Clicking on a Template will open it on the Site Editor to customize it. Similarly with posts, to save the changes, click ‘Update’.
A customized Template icon will appear with a blue dot on top of it. In the dropdown menu, you can revert all customizations and return to the Template’s original state. Be careful, as your changes are going to be lost permanently.
Personalizar los bloques de la plantilla
Any Template is comprised of blocks in a similar way to the post content. When you add a block to a Template, this block will appear in every post that uses this template.
WordPress provides Theme Blocks to allow users to add content which is relevant for many pages and posts. One example is the Post Content block, which is a placeholder in the Site Editor. However, its contents will be replaced with the actual post content in the front end.
Other examples of such blocks include the Post Title or the Site Logo. In this section, we will learn how to rearrange, add, and remove blocks to a Template.
La vista de lista
The List View displays all the blocks included in a Template hierarchically.
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
The List View is a very useful tool for analyzing the blocks contained in a Template. For example, in the above image the basic blocks for the default Learning Mode layout are displayed.
On top is the Fixed Header, which contains a Row with buttons, the course title, and the Course Progress Bar beneath it.
The rest of the page is defined by a Two-column Layout, which contains the Sidebar and the lesson’s Main Content. You can click on the image’s hotspots for a few more details.
Quitar y añadir bloques
Learning Mode templates try to include the Sensei components that make sense for most users.
However, some of the components might not suit your needs. For example, suppose that you don’t want to allow the students to contact you, and you need to remove the ‘Contact Teacher’ block.
Here’s how to remove it:
- Seleccione el bloque en la Vista en Lista o en el Editor de Sitios.
- Abra el menú desplegable.
- Seleccione la opción "Eliminar" seguida del nombre del bloque.
Now let’s suppose you want to use the empty space to promote another page by adding a button.
To add a block, you can either use the ‘+’ button or add it closely to another block. More specifically:
- Seleccione un bloque adyacente.
- Abra el menú desplegable.
- Seleccione "Insertar antes" o "Insertar después".
- Type ‘/’ and the block name you want to add.
Reorganización de bloques
Blocks can also be rearranged to change the Learning Mode layout. You can rearrange blocks using either drag and drop or the move buttons.
Como alternativa, puede utilizar la vista de lista, con la ventaja añadida de que comprenderá mejor la jerarquía de bloques resultante.
