Cómo crear un sitio web desde cero para la educación en línea: Spectra y MasterStudy WordPress LMS

Spectra WordPress Builder

Hoy, me gustaría compartir con ustedes una forma rápida de construir un sitio web totalmente equipado para la educación en línea y vender sus cursos utilizando un constructor de WordPress recientemente descubierto – Spectra.

Si nunca has trabajado con WordPress, los sitios web en este CMS se construyen normalmente utilizando un constructor específico. Hoy en día hay literalmente un montón de ejemplos disponibles. Algunas de ellas ofrecen una versión gratuita (con una versión Pro avanzada), mientras que otras sólo tienen versiones premium. Este tipo de constructores están diseñados específicamente para personas que desean configurar su sitio en poco tiempo sin grandes conocimientos de codificación o programación y hacerlo por su cuenta sin necesidad de contratar a un especialista.

Como ya he mencionado, existen numerosos creadores de sitios web, pero sólo unos pocos son populares, realmente intuitivos y fáciles de usar. Como ejemplos brillantes Elementor, Beaver Builder, Divi builder. Sin embargo, incluso WordPress tiene su constructor de páginas nativo: Gutenberg, que está mejorando constantemente para igualar el nivel de las marcas mencionadas (aunque inicialmente, en mi opinión, era apenas mediocre). Además de eso, ahora hay más herramientas de terceros, marcas y empresas que desarrollan sus bloques y widgets únicos específicamente para Gutenberg. Por lo tanto, en algunos casos, es posible que ni siquiera necesite descargar o comprar creadores de páginas independientes en WordPress.

Brainstorm Force tiene su propio constructor de marca basado en Gutenberg llamado Spectra desde hace varios años. Lo he probado personalmente y puedo afirmar que construir elementos con él es un placer.

Además, incluso antes de explorarla a fondo, sabía que me iba a gustar porque todos los productos de Brainstorm han sido y siguen siendo de muy alta calidad en cuanto a diseño, precio y funcionalidad. Por ejemplo, su tema de marca propio (plantilla preparada para un sitio), Astra, es polivalente y ya ha ganado una enorme popularidad como uno de los temas de más éxito en la historia de WordPress.

Basta de palabras largas, permítame contarle brevemente cómo, como instructor en línea, puede crear rápidamente un sitio web para su escuela o para la promoción individual de sus cursos.

De hecho, con Spectra, puede crear varios sitios para diferentes nichos (obviamente, no para la educación en línea). Sin embargo, como yo mismo soy instructor y utilizo nuestro plugin de WordPress para crear cursos, voy a examinar el principio de la creación y edición de un sitio utilizando dos herramientas: Spectra como constructor de páginas y MasterStudy LMS como motor de aprendizaje electrónico.

Esquema del Contenido

¿Qué es Spectra?

WordPress Spectra es un constructor de páginas fácil de usar creado por Brainstorm Force, diseñado para simplificar el desarrollo de sitios web en WordPress. Lanzado hace unos años, Spectra fue creado para particulares y empresas que buscan una experiencia de creación de sitios web intuitiva, eficiente y versátil.

Está especialmente diseñado para quienes desean crear sitios web asombrosos sin tener que sumergirse en complicados códigos. Spectra ofrece una amplia gama de herramientas de diseño, plantillas prediseñadas y bloques personalizables para crear sitios web visualmente atractivos y funcionales.

Puedes encontrar Spectra como page builder gratuito, pero también tiene la versión premium extendida por si necesitas más opciones y widgets para tu web.

Proceso de instalación rápida

Por lo tanto, lo primero que tenemos que hacer es instalar el plugin MasterStudy LMS WordPress. Es una herramienta gratuita, así que no te preocupes, puedes instalarla fácilmente de la forma estándar a través de la sección de Plugins.

No voy a sumergirme en la profundidad de la configuración del sitio web, la creación de cursos y la creación de páginas LMS utilizando MasterStudy. Hay una guía detallada y una lista de reproducción separada en YouTube para ello. Sólo destacaré que justo después de instalar y activar MasterStudy, se le pedirá que importe el sitio de demostración. Vamos a por ello. El proceso de importación se realiza automáticamente, por lo que todo lo que tiene que hacer es pulsar el botón Importar.

Bien, ya tenemos nuestro sitio listo instalado. Veamos cómo queda en directo.

¡Estupendo! Ahora volvamos a la sección Plugins y busquemos Spectra. Encuéntralo e instálalo.

Nada más activar Spectra, aparecerá una ventana con todos los enlaces necesarios: documentación, servicios de asistencia, la comunidad de Facebook e incluso un vídeo de bienvenida. Así que aquí seguro que no se perderá.

Crear una página con Spectra – Visión general rápida

Al crear una nueva página, puede ver un nuevo botón Kits de plantillas. Hagamos clic en él.

He encontrado una colección bastante extensa de plantillas de páginas para diversos negocios y temas. Hay plantillas para Scooter eléctrico, Tienda de libros, Tienda de cosméticos, Inmobiliaria, Agencia de publicidad, Casa de familia, Entrenador de vida, Tienda de regalos, Tutores de idiomas y muchas otras.

La mayoría son gratuitos, pero algunos sólo están disponibles en la versión Pro del constructor.

Aparte de las plantillas de temas, también hay patrones de bloques clasificados en modos claro y oscuro.

Para construir su sitio de forma más personalizada, puede utilizar un conjunto de wireframes. Se trata de bloques en blanco sin contenido que puede rellenar en función de sus objetivos. También están categorizados y disponibles en modo claro y oscuro.

Lo que más me gusta es lo intuitivo y claro que es todo.

Ahora, en cuanto a los bloques individuales, cada bloque tiene las siguientes categorías:

  • General;
  • Estilo;
  • Avanzado.

En la sección General, puede cambiar la anchura y la altura del bloque simplemente deslizando el control deslizante. También puede hacer que el bloque se extienda a lo ancho.

En la sección General, puede cambiar la anchura y la altura del bloque simplemente deslizando el control deslizante. También puede hacer que el bloque se extienda a lo ancho.

Puede asignar una etiqueta HTML al elemento/bloque de la lista disponible (por ejemplo, puede cambiar un div por un nav).

El bloque puede configurarse como Visible (que es el estado por defecto), Oculto o Automático.

Por último, hay una sección aparte para configurar los modelos flex con las propiedades incorporadas: flex-direction, justify content, align items y wrap. Todas estas propiedades permiten mover y colocar con precisión un elemento dentro de otro.

La sección Estilo permite principalmente gestionar los colores, los fondos de los elementos, los bordes y el espaciado.

La sección Avanzado ofrece la posibilidad de hacer que un elemento sea pegajoso (se mueve junto con el desplazamiento de la página), establecer la animación del elemento, determinar si el elemento aparece o desaparece en tres dispositivos diferentes: escritorio, tableta, móvil, y también gestionar el z-index (el nivel de posición del elemento sobre otros en el eje z).

En total, en Spectra dispones de 35 elementos gratuitos que puedes utilizar para construir tu sitio web.

  • Encabezamiento;
  • Imagen;
  • Botones;
  • Info Box;
  • PREGUNTAS FRECUENTES;
  • Google Maps;
  • Forma;
  • Post Grid;
  • Lista de precios;
  • Revisión;
  • Lista taxonómica;
  • Equipo;
  • Lista de iconos;
  • Galería de imágenes;
  • Cuenta atrás
  • y el resto de widgets chulos.

Además de los elementos, como mencioné anteriormente, también puede elegir patrones de contenido listos para su página aquí mismo en la barra lateral de la lista estándar de widgets de Gutenberg.

¿Qué te da un Spectra Pro?

¡Estupendo! En realidad, incluso la versión gratuita de Spectra ofrece un montón de posibilidades para crear y personalizar páginas. Sorprendentemente, es tan funcional como gigantes de la marca como Elementor y Bricks Builder. Pero Spectra me parece aún más fácil de usar e intuitivo en comparación con otros creadores de páginas.

Ahora, exploremos lo que ofrece la versión premium del constructor.

En primer lugar, por supuesto, desbloquear aquellas plantillas que no estaban disponibles en la versión gratuita.

Otras funciones importantes disponibles en la versión Pro son los creadores de bucles y ventanas emergentes.

Las ventanas emergentes se utilizan ampliamente en muchos sitios para diversos fines, ya sea informar sobre descuentos o notificar sobre un sorteo. Con Spectra Pro, crearlas es rápido y sencillo.

Algunas mejoras menores incluyen más efectos de animación para los bloques, contenido dinámico, modo deslizante, una vista de Galería de imágenes más rica y una gama ampliada de elementos y bloques añadidos al surtido existente.

Así pues, la versión Pro aporta funciones aún más exclusivas y opciones de elementos adicionales.

El precio de la versión Pro comienza en 59 dólares por una licencia para un solo sitio (con una suscripción anual. También existe un plan Lifetime, pero obviamente es ligeramente más caro). Para comparar, Elementor Pro ofrece casi lo mismo por un precio similar.

Por cierto, en el momento de escribir este post, Spectra tiene un descuento del 50% en todos los planes. Así que, si te interesa este constructor de páginas, este puede ser el momento perfecto para hacerte con la versión Pro.

Nota: El mismo descuento del 50% del Black Friday también es válido para MasterStudy LMS con la oportunidad de ganar un iPhone 15 Pro en un sorteo, por lo que también vale la pena explorarlo.

Conclusión

En general, Spectra me parece un prometedor constructor de páginas de WordPress que ofrece amplias características y funcionalidades incluso en su versión gratuita. Se sitúa a la altura de los renombrados Elementor y Bricks Builder, presumiendo de una interfaz más intuitiva y una mayor facilidad de uso.

La versión Pro de Spectra desbloquea una plétora de plantillas, junto con otras características notables como Loop y Popup constructores, por lo que es una herramienta versátil para diversas necesidades del sitio web.

Con mejoras como los efectos de animación mejorados, el contenido dinámico y una biblioteca de elementos ampliada, Spectra Pro ofrece una amplia gama de opciones para crear páginas web atractivas y dinámicas.

El argumento final aquí es que Spectra funciona perfectamente con muchos plugins de WordPress favoritos y ampliamente utilizados, incluyendo MasterStudy LMS. Así que si buscas un LMS competitivo con un constructor de páginas, Spectra y MasterStudy pueden ser buenas opciones.