7 days of unlimited WordPress themes, plugins & graphics - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Web Design
  2. WordPress Themes

Construir un sitio web de WordPress LMS con el tema Masterstudy

Scroll to top
Read Time: 8 mins
Sponsored Content

This sponsored post features a product relevant to our readers while meeting our editorial guidelines for being objective and educational.

Spanish (Español) translation by Manuel (you can also view the original English article)

Permíteme mostrarte cómo crear tu propio sitio web educativo (LMS) utilizando un tema de WordPress llamado "Masterstudy".

¿Qué es un sitio web educativo?

Antes de adentrarnos en el tema, preguntémonos qué es un sitio web educativo y cómo podemos crear uno propio.

Un sitio web educativo contiene diversos recursos que mejoran el aprendizaje y complementan la enseñanza en el aula. Tuts+ es uno de esos sitios web educativos, ya que publica tutoriales y cursos sobre temas creativos. Youtube también puede considerarse una plataforma educativa, aunque no todo su contenido tiene fines exclusivamente educativos.

Para crear tu propio sitio web educativo tienes 3 opciones principales:

  1. Utiliza WordPress y un tema LMS: es rápido, asequible y no requiere muchos conocimientos técnicos.
  2. Utiliza un LMS (Sistema de Gestión de Aprendizaje) dedicado: esta es una opción muy capaz (Moodle es un ejemplo de LMS dedicado), pero potencialmente más cara y ofrece menos libertad estilística ya que hay menos temas para elegir.
  3. Subcontratar a un desarrollador: puede que así consigas exactamente lo que quieres, pero puede ser muy caro y llevar mucho tiempo.

Personalmente, siempre favoreceré la opción 1. Así que en este artículo voy a revisar un tema de WordPress llamado Masterstudy y lo que puede hacer por tu sitio web educativo.

Presentamos Masterstudy: Tema de Educación de WordPress

El tema de WordPress Masterstudy hecho por Stylemix Themes es una gran opción para crear un sitio web educativo. Tiene toneladas de características útiles, más de 12 plantillas prefabricadas, y está totalmente traducido en 8 idiomas. Déjame mostrarte rápidamente algunas de sus características.

masterstudy wordpress thememasterstudy wordpress thememasterstudy wordpress theme

Importar contenido de demostración

Te mostraré las características tal y como están implementadas en la demo del curso de cocina. Al importar el contenido de la demo tengo un sitio web completamente poblado con menús, contenido, imágenes, etc.

Área de Héroes

La página de inicio nos ofrece una gran sección principal que muestra lo que hace el sitio web y atrae a los usuarios. También alberga la navegación, que incluye las opciones del menú del sitio, además de un menú de administración (del que hablaremos más adelante) y una función de búsqueda.

demo contentdemo contentdemo content

Cursos superiores

Los mejores campos se muestran en formato de carrusel, con tarjetas que revelan más información (como la puntuación, la descripción, etc.) cuando se pasa por encima. También hay una sección similar en la parte inferior para los campos recientes.

top coursestop coursestop courses

Sección de categorías y estadísticas

Los usuarios pueden acceder a los temas que les gustaría aprender gracias a esta sección de categorías muy bien presentada. Y la sección de estadísticas muestra algunas cifras sobre tu sitio web educativo. Todo esto es totalmente editable, por supuesto.

categoriescategoriescategories

Página del curso

Al hacer clic en una de las tarjetas se abrirá el curso en la página del curso. Esto está muy bien hecho en mi opinión, y en términos de estética la plantilla de cocina es mi favorita.

Cada curso tiene hasta 5 pestañas con varios tipos de información:

  • Descripción
  • Curriculum
  • Preguntas frecuentes
  • Anuncio
  • Comentarios

La pestaña del plan de estudios, por ejemplo, muestra la estructura del curso organizada en capítulos y clases (lecciones y cuestionarios).

course pagecourse pagecourse page

Constructor de cursos frontales

Lo que realmente me gusta de este tema es su constructor de cursos en la parte frontal. Como administrador conectado, tienes la opción de añadir el contenido del curso a través del back-end, como lo harías con cualquier contenido de WordPress, o puedes utilizar la interfaz en el front-end. El constructor frontal te permite añadir contenido en el mismo entorno visual en el que finalmente se publicará. Es una forma mucho más intuitiva de introducir los detalles del curso.

front end lms course builderfront end lms course builderfront end lms course builder

Masterstudy WordPress LMS Plugin

Si te gusta la estructura del LMS de Masterstudy, pero prefieres no usar el tema completo y todo lo que viene con él, puedes descargar una versión ligera de su plugin LMS para WordPress de forma gratuita. Así podrás disfrutar de la potencia de este LMS con cualquier tema de WordPress que utilice tu sitio web.

Cómo configurar el tema de Masterstudy

Una vez descargado y activado, lo primero que tienes que hacer para beneficiarte de las demos y actualizaciones es registrar el tema. La página de introducción te dará instrucciones completas para generar un token que luego se puede utilizar con la API de Envato.

Una vez generado tu token, cópialo y pégalo en la casilla que se proporciona en el administrador de WordPress, y ya está todo listo. A continuación, podrás seguir el proceso de configuración de tu sitio web paso a paso.

Instalación de demostraciones

Con tu sitio web conectado a la API de Envato puedes ir a Instalar Demos y elegir cuál de las plantillas prefabricadas quieres utilizar. Una vez más, elegí "cursos de cocina" como mi plantilla, y cuando se hace clic en el asistente de configuración pregunta si prefiere utilizar Elementor o WPBakery Page Builder como el motor detrás de tus diseños. Esto depende totalmente de ti; yo prefiero usar Elementor.

setupsetupsetup

¿Individual o mercado?

El siguiente paso es elegir si tu sitio web será para un educador individual o si funcionará como un mercado para varios educadores. Como mercado, tu sitio web educativo permitirá a los profesores subir, promocionar y vender sus propios contenidos.

business typebusiness typebusiness type

Configuración general

Muchos de los ajustes generales se explican por sí mismos; la configuración de ciertas páginas y características para los usuarios, la configuración de la página de listados de cursos, el diseño de la página de cursos individuales, la opción de utilizar el pago de WooCommerce y el pago de invitados para la compra de cursos, ese tipo de cosas.

Con la configuración principal ya hecha, importarás algunos cursos de demostración o añadirás tus propios cursos para terminar.

Construir cursos en línea

Cuando se trata de crear cursos online, Masterstudy te lo pone muy fácil. Como hemos comentado antes, puedes entrar en la administración e ir a STM LMS > Cursos para añadir cursos como lo harías con cualquier otro contenido de WordPress. O puedes usar el constructor de cursos del front end, mucho más fácil.

Para ello, ve a la página de tu cuenta en el front end y haz clic en Añadir nuevo curso.

Especifica el título del curso, elige una categoría, sube una imagen del curso, configure una descripción, añade varios materiales del curso (archivos de ayuda, etc.) y luego, en el curriculum, puedes empezar a añadir la estructura de tu curso. Haz esto añadiendo secciones y luego lecciones dentro de ellas.

Para cada lección tienes algunos ajustes más. Puedes añadir una imagen, algún contenido textual, y luego en los ajustes de la lección puedes determinar si es una lección textual, un vídeo o diapositivas.

lesson settingslesson settingslesson settings

Además de las lecciones, también puedes añadir cuestionarios, que son una forma súper potente de hacer que tus usuarios pongan a prueba sus conocimientos a lo largo del curso.

En la pestaña de Preguntas Frecuentes puedes responder a las preguntas que suelen surgir sobre el curso. En la pestaña de anuncios puede publicar cualquier información que considere que todos los estudiantes deben conocer; cambios en el material del curso o consejos útiles.

Vender cursos en línea

La última característica (importante) que hay que mencionar es la fijación de un precio. Al establecer un precio para tu curso puede hacerlo disponible para los clientes que pagan. Ellos lo añaden a su cesta y pagan.

sell online coursessell online coursessell online courses

Alternativamente, Masterstudy viene con una integración de Membresías Pagadas Pro que te permite vender cursos en base a una suscripción. Incluso puedes vender cursos en paquetes utilizando el complemento Course Bundle. ¡Hay un montón de opciones!

Una vez hecho todo esto, guarda tu curso como borrador o publícalo directamente.

Otras funciones educativas útiles

Algunas otras características realmente buenas de Masterstudy incluyen:

  • Goteo de contenido: configura el contenido de tu curso para que ciertas lecciones no estén disponibles a menos que los estudiantes completen las lecciones anteriores, o que haya pasado una fecha determinada.
  • Certificados: diseña y crea tus propios certificados que se conceden a los alumnos cuando completan ciertas cosas o alcanzan determinadas puntuaciones.
  • Filtrado de cursos: si tu sitio web educativo tiene mucho contenido, esta es una función realmente útil, que permite a los estudiantes limitar los cursos que ven en el archivo en función del tipo, el precio, la duración, la calificación, etc.
  • Importador de Udemy: el complemento del importador de Udemy te permite importar cursos de Udemy, listarlos en tu sitio web y ganar comisiones basadas en esas ventas.
  • Comunidades de estudiantes: Masterstudy hace que sea realmente fácil crear una comunidad de estudiantes con los plugins BBPress o Buddy Press de WordPress.
  • LMS móvil de Masterstudy: Masterstudy también ha creado una aplicación móvil para usuarios de iOS y Android, que puedes encontrar en CodeCanyon.
theme add-onstheme add-onstheme add-ons

Conclusión:

Masterstudy es una forma realmente sólida de construir tu propio sitio web educativo para WordPress. Es intuitivo de configurar, tiene un montón de características útiles, y mediante la conexión a la API de Envato puedes asegurarte de que tu sitio web se mantiene al día también. ¡Compruébalo hoy mismo y ponte a educar!

Recursos útiles

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Web Design tutorials. Never miss out on learning about the next big thing.
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.