Creador de contenido de aprendizaje CYHPER

creador de contenido

Descripción general

Al crear y editar cursos, la plataforma proporciona un editor integrado que permite a los instructores, profesores y administradores crear contenido directamente dentro de los cursos, con texto formateado, imágenes, archivos adjuntos y enlaces.

El editor también permite a los usuarios dar formato a las páginas de contenido mediante columnas y cuadrículas, y añadir widgets interactivos como acordeones, cuadros desplegables y mucho más.

El editor de cursos integrado se encuentra dentro de las secciones del curso. Este artículo le enseñará cómo acceder y utilizar los distintos elementos del editor para crear contenido de aprendizaje atractivo y estético.

Información
Tenga en cuenta que la plataforma empresarial utiliza por defecto el término "curso" y la plataforma académica el término " clase" . En este artículo, los términos "curso" y "clase" son intercambiables.

Acceso al editor

El editor se muestra siempre que estés editando una página dentro de un curso.

Para acceder al editor en un curso existente:
  1. Acceda a un curso existente.
  2. Haz clic en un módulo/lección.
  3. Haz clic en Agregar sección para añadir una nueva sección (o selecciona una sección existente).
  4. Haga clic en la página .
  5. Añade un título a la página.
  6. Haz clic en Guardar .
  7. Haz clic en Editar .
Información
Para aprender a crear un nuevo curso, visite la sección "Agregar un curso" del artículo " Cursos y clases para instructores" .
Sección de página del curso, módulo o página con el botón Editar resaltado.

Se muestra la página de edición , que consta de varios menús y herramientas:
  1. Menú superior : El menú superior le permite editar el título de la sección, alternar el modo de visualización entre Editor y Vista previa , y guardar o cancelar los cambios.
    1. Por defecto, la página se muestra en modo Editor , que permite editar el contenido activamente. Para previsualizar el contenido antes de guardarlo, haga clic en Vista previa .
  2. Menú del creador de contenido : Este menú se muestra en el lado izquierdo del editor. Permite arrastrar y soltar diseños y widgets de contenido en la página. Los diseños y widgets de contenido se explicarán con mayor detalle en este artículo.
    1. Tenga en cuenta que el menú del creador de contenido se puede contraer y expandir usando la flecha. Icono situado junto al botón Esquema para proporcionar espacio adicional para crear contenido en la página.
  3. La barra de herramientas : La barra de herramientas ofrece diversas herramientas de formato que permiten personalizar el texto, añadir imágenes, enlaces y mucho más. En este artículo se explicará con mayor detalle la funcionalidad de la barra de herramientas.
  4. La página o lienzo : El lienzo es donde se añaden texto, imágenes y widgets para crear el contenido de la página.
Información
Tenga en cuenta que el nuevo editor con creador de contenido no estará disponible hasta el 1 de abril de 2026.

Curso, módulo, sección de página en modo de edición con el menú superior, el menú del creador de contenido, la barra de herramientas y el lienzo de la página resaltados.

Menú del creador de contenido

El menú Creador de contenido le permite agregar widgets de diseño y contenido a su lienzo. El menú Creador de contenido se compone de tres secciones:
  1. Modo de creación de contenido : El menú de creación de contenido muestra por defecto Widgets , que te permite seleccionar widgets de diseño y contenido para añadir a tu lienzo. Una vez que hayas añadido widgets, puedes hacer clic en Esquema para ver su orden. La pestaña Esquema te permite reordenar los widgets de forma rápida y sencilla.
  2. Diseño : La sección Diseño incluye un widget de cuadrícula y un widget de columnas . Estos widgets le permiten agregar una cuadrícula editable o un conjunto de columnas a su contenido.
  3. Contenido : La sección Contenido incluye una variedad de widgets que permiten añadir interactividad y atractivo visual, como acordeones , pestañas , tarjetas y más. Puedes añadir cualquiera de estos widgets al lienzo para personalizarlo con tu contenido de aprendizaje. Además, puedes colocar cualquiera de ellos dentro de un widget de Diseño . Por ejemplo, puedes añadir un widget de cuadro desplegable a cada sección de una columna para crear una fila de interacciones de cuadro desplegable.
Menú del creador de contenido con las secciones Modo, Diseño y Contenido resaltadas.

Diseño: Cuadrícula

La sección Diseño incluye dos widgets: Cuadrícula y Columnas . Para crear una cuadrícula personalizable en su lienzo:
  1. Coloca el cursor sobre el lienzo y haz clic en el botón Cuadrícula .
  2. O bien, arrastre y suelte el widget de cuadrícula sobre el lienzo.
Sección de página de curso, módulo en modo de edición con el widget de cuadrícula resaltado y una flecha que apunta al lienzo con el widget de cuadrícula mostrado en el lienzo.

El widget Grid muestra dos columnas y dos filas por defecto.
  1. Utilice los menús desplegables de Columnas y Filas para definir la disposición de la cuadrícula. Puede seleccionar hasta cuatro columnas y cuatro filas.
  2. Puedes ajustar el espacio entre columnas y filas usando el menú desplegable Espacio . Elige entre Pequeño , Mediano , Grande y Extra Grande .
  3. La alineación vertical Icono de alineación vertical Este botón le permite elegir entre la alineación vertical superior, central e inferior para el texto y las imágenes dentro de una sección de la cuadrícula.
  4. Haz clic en Agregar fila para añadir una fila adicional, hasta un máximo de cuatro filas.
  5. Haz clic en Agregar columna para añadir una columna adicional, hasta un máximo de cuatro columnas.
  6. Haga clic en Eliminar fila o Eliminar columna para eliminar una fila o columna.
Para agregar contenido dentro de una cuadrícula:
  1. Haz clic dentro de una sección de la cuadrícula para comenzar a agregar contenido.
  2. Utilice la barra de herramientas para dar formato al texto y añadir imágenes, enlaces o incluso vídeos.
    1. Tenga en cuenta que la barra de herramientas se describe en detalle más adelante en este artículo.
  3. Puedes añadir widgets de contenido dentro de una sección de cuadrícula.
    1. Por ejemplo, puedes colocar una caja reversible dentro de cada sección de una cuadrícula.
  4. Puedes hacer clic en Vista previa en cualquier momento para previsualizar tu contenido.
    1. Haz clic en Editor para volver al modo de edición.
Curso, módulo, sección de página en modo de edición con el menú Cuadrícula y una sección de cuadrícula resaltada en el lienzo.

Diseño: Columnas

Para crear columnas personalizables en tu página:
  1. Coloca el cursor sobre el lienzo y haz clic en el botón Columna .
  2. O bien, arrastre y suelte el widget de columna sobre el lienzo.
Sección de página del curso o módulo en modo de edición con el widget Columnas resaltado y una flecha que apunta al lienzo con el widget Columnas mostrado en el lienzo.

El widget Columna muestra dos columnas por defecto.
  1. Utilice el menú desplegable Columnas para seleccionar el número de columnas. Puede seleccionar hasta cuatro columnas.
  2. Puedes ajustar el espacio entre columnas usando el menú desplegable Espacio . Elige entre Pequeño , Mediano , Grande y Extra Grande .
  3. Utilice el menú desplegable Dirección para crear columnas horizontales o verticales .
  4. La alineación vertical Icono de alineación vertical Este botón le permite elegir entre la alineación vertical superior, central e inferior para el texto y las imágenes dentro de una columna.
  5. Haz clic en Agregar columna para añadir una columna adicional, hasta un máximo de cuatro columnas.
  6. Haz clic en Eliminar columna para eliminar una columna.
Para agregar contenido dentro de una columna:
  1. Haz clic dentro de una columna para empezar a añadir contenido.
  2. Utilice la barra de herramientas para dar formato al texto y añadir imágenes, enlaces o incluso vídeos.
    1. La barra de herramientas se describe en detalle más adelante en este artículo.
  3. Puedes añadir widgets de contenido dentro de una columna.
    1. Por ejemplo, puedes colocar un widget de tarjeta dentro de una columna.
  4. Puedes hacer clic en Vista previa en cualquier momento para previsualizar tu contenido.
    1. Haz clic en Editor para volver al modo de edición.
Curso, módulo, sección de página en modo de edición con el menú Columnas y las secciones Columnas resaltadas en el lienzo.

Widgets de contenido

La sección Contenido incluye seis widgets: Acordeón, Pestañas, Tarjeta, Texto destacado, Cita y Cuadro desplegable. Para agregar un widget a su lienzo:
  1. Coloca el cursor sobre el lienzo y haz clic en un widget de contenido.
  2. O bien, arrastre y suelte el widget de contenido sobre el lienzo.
  3. Puedes apilar varios widgets de contenido en el lienzo.
  4. También puede colocar cualquier widget de contenido dentro de una sección de cuadrícula o columna .
    1. Por ejemplo, si desea agrupar cajas desplegables, primero puede agregar una cuadrícula y luego colocar widgets de cajas desplegables en cada sección de la cuadrícula.
Sección de curso, módulo o página en modo de edición con los widgets de contenido resaltados y flechas que apuntan al lienzo donde se han añadido los widgets de acordeón, tarjeta y pestañas.

Una vez que los widgets se han agregado al lienzo, se pueden mover y reordenar de diversas maneras. Para reordenar los widgets:
  1. Haz clic en Esquema en el menú del creador de contenido para ver una lista de los widgets que se han añadido al lienzo.
    1. Utilice las flechas arriba y abajo de los widgets que aparecen en la lista para reordenarlos en el lienzo.
  2. Cada widget en el lienzo también tiene un pequeño menú en la esquina superior derecha del widget.
    1. Utilice las flechas arriba y abajo para reordenar el widget en el lienzo.
  3. También puedes arrastrar y soltar widgets en el lienzo haciendo clic y manteniendo pulsado el botón de reordenar. icono de reordenar icono a la izquierda de un widget, y arrastrar el widget a una nueva ubicación.
Curso, módulo, sección de página en modo de edición con el botón Esquema, flechas de ordenación, icono de reordenación y menú Acordeón resaltados.

Cualquier widget de la página también se puede eliminar o duplicar. Para eliminar o duplicar un widget:
  1. Haz clic en el icono de tres puntos situado en la esquina superior derecha de un widget para mostrar un pequeño menú.
  2. Haz clic en Eliminar para borrar el widget.
  3. Haz clic en Duplicar para duplicar el widget. Todo el contenido que hayas añadido al widget se incluirá en el widget duplicado.
Menú desplegable en el lienzo de la página con el icono de menú de tres puntos resaltado.

Widget de contenido: Acordeón

El acordeón es un widget interactivo que apila secciones de contenido y permite a los usuarios expandir y contraer cada sección según lo necesiten. Cada sección tiene un encabezado en el que se puede hacer clic para ver el contenido. Para agregar un acordeón al lienzo:
  1. Coloca el cursor sobre el lienzo y haz clic en Acordeón , o arrastra y suelta el widget Acordeón desde el menú del creador de contenido al lienzo.
Por defecto, el acordeón muestra dos secciones, cada una con un encabezado y una sección de contenido. Para configurar un acordeón :
  1. Haz clic directamente en el texto de marcador de posición del encabezado para editar el texto del encabezado.
  2. Haz clic en el encabezado del título para expandir la sección y mostrar el contenido.
  3. Haz clic directamente en el texto del marcador de posición para editar el contenido. Puedes usar la barra de herramientas para añadir imágenes, enlaces o vídeos a la sección de contenido.
  4. Haz clic en Agregar elemento para añadir una sección adicional. Puedes añadir hasta diez secciones de acordeón.
  5. Haz clic en Eliminar elemento para eliminar una sección.
Información
Tenga en cuenta que, cuando los alumnos vean su contenido, todas las secciones desplegables estarán cerradas de forma predeterminada.
Sección de curso, módulo y página en modo de edición con un widget de acordeón de ejemplo en el lienzo.

Widget de contenido: Pestañas

El widget Pestañas es un widget interactivo que organiza el contenido relacionado en vistas separadas (pestañas), lo que permite a los usuarios cambiar entre cada pestaña sin salir del widget. Para agregar un widget Pestañas al lienzo:
  1. Coloca el cursor sobre el lienzo y haz clic en Pestañas , o arrastra y suelta el widget Pestañas desde el menú del creador de contenido al lienzo.
Por defecto, el widget muestra tres pestañas, cada una con un título y una sección de contenido. Para configurar el widget de pestañas :
  1. Haz clic directamente en el texto de marcador de posición del título de la pestaña. para editar el texto del título de la pestaña.
    1. Tenga en cuenta que el color del texto del título de la pestaña es el color de acento principal de su plataforma.
  2. Haz clic directamente en el texto de marcador de posición de la pestaña para editar el texto. Puedes usar la barra de herramientas para añadir imágenes, enlaces o vídeos al contenido de la pestaña.
  3. Haga clic en el título de otra pestaña para ir a la pestaña para editar el título y el contenido.
  4. Haz clic en "Agregar pestaña" para añadir una pestaña adicional. Puedes añadir hasta ocho pestañas.
  5. Haz clic en Eliminar pestaña para eliminar una pestaña.
Sección de curso, módulo y página en modo de edición con un widget de pestañas de ejemplo en el lienzo.

Widget de contenido: Tarjeta

El widget Tarjeta es un contenedor que aplica formato integrado para ayudar a que el contenido destaque del resto de la página. Los widgets Tarjeta incluyen un encabezado y contenido. El color de acento principal de su plataforma se muestra en el lado izquierdo del contenedor. Para agregar un widget Tarjeta al lienzo:
  1. Coloca el cursor sobre el lienzo y haz clic en Tarjeta , o arrastra y suelta el widget Tarjeta desde el menú del creador de contenido al lienzo.
Por defecto, el texto de marcador de posición se muestra en el widget Tarjeta . Para configurar el widget Tarjeta :
  1. Haz clic directamente en el texto de marcador de posición del encabezado de la tarjeta para editar el texto del encabezado.
  2. Haz clic directamente en el texto de marcador de posición del contenido de la tarjeta para editarlo. Puedes usar la barra de herramientas para añadir imágenes, enlaces o vídeos al contenido de la tarjeta.
Sección de curso, módulo y página en modo de edición con un widget de tarjeta de ejemplo en el lienzo.

Widget de contenido: Texto destacado

El widget Texto destacado ofrece cuatro formatos preestablecidos para resaltar diferentes tipos de contenido. Las cuatro opciones son Consejo , Nota , Advertencia y Ejemplo . Para agregar un widget Texto destacado a su lienzo:
  1. Coloca el cursor sobre el lienzo y haz clic en Texto destacado , o arrastra y suelta el widget Texto destacado desde el menú del creador de contenido al lienzo.
De forma predeterminada, el texto de marcador de posición se muestra en el widget Texto de llamada . Para configurar el widget Texto de llamada :
  1. Seleccione un tipo de llamada en el menú desplegable Tipo . Las opciones incluyen Consejo , Nota , Advertencia y Ejemplo .
    1. El tipo de recuadro que seleccione determinará el contorno y el color de fondo del widget.
  2. Haz clic directamente en el texto de marcador de posición del recuadro para editarlo. Puedes usar la barra de herramientas para añadir imágenes, enlaces o vídeos al widget del recuadro.
Sección de página de curso, módulo en modo de edición con un widget de texto de llamada de ejemplo en el lienzo con el menú Tipo activo y resaltado.

Widget de contenido: Cita

El widget de citas ofrece tres formatos de citas predefinidos que se pueden usar al agregar citas a tu contenido. Las tres opciones son Clásico, Moderno y Minimalista . Para agregar un widget de citas al lienzo:
  1. Coloca el cursor sobre el lienzo y haz clic en Citar , o arrastra y suelta el widget Citar desde el menú del creador de contenido al lienzo.
Por defecto, el texto de marcador de posición se muestra en el widget de cotización. Para configurar el widget de cotización:
  1. Seleccione un tipo de cotización en el menú desplegable Tipo . Las opciones incluyen Clásico, Moderno y Minimalista .
    1. El tipo de cotización que seleccione determinará el formato del widget de cotización.
  2. Haz clic directamente en el texto del marcador de posición de la cita. Para editar el texto, puede usar la barra de herramientas para agregar imágenes, enlaces o videos al widget de citas.
  3. Haz clic directamente en el texto del marcador de posición de la fuente de la cita para editar la fuente de la misma.
Sección de página de curso, módulo en modo de edición con un widget de cita de ejemplo en el lienzo con el menú Estilo activo y resaltado.

Widget de contenido: Flip Box

El widget Flip Box es una tarjeta interactiva de doble cara que se voltea cuando los usuarios hacen clic en ella. Las tarjetas Flip Box son ideales para tarjetas didácticas y contenido de preguntas y respuestas. Para agregar un widget Flip Box al lienzo:
  1. Coloca el cursor sobre el lienzo y haz clic en Voltear cuadro , o arrastra y suelta el cuadro Voltear cuadro. widget del menú Creador de contenido al lienzo.
Por defecto, se muestra la parte frontal del widget Flip Box con texto de marcador de posición. Para configurar el widget Flip Box :
  1. Haz clic en «Editar anverso» o directamente en el texto de marcador de posición de «Flip Box» para editar el texto del anverso de la tarjeta. Puedes usar la barra de herramientas para añadir imágenes, enlaces o vídeos.
  2. Haz clic en «Editar reverso» para modificar el texto de la parte posterior de la tarjeta. Puedes usar la barra de herramientas para añadir imágenes, enlaces o vídeos.
  3. Haz clic en Voltear para voltear la tarjeta en cualquier momento mientras editas el contenido.
  4. Haz clic en el menú desplegable Forma para seleccionar entre un cuadro desplegable cuadrado o rectangular .
Sección de curso, módulo y página en modo de edición con un widget Flip Box de ejemplo en el lienzo.

El menú de la barra de herramientas

La barra de herramientas consta de una barra de menú e iconos que permiten editar el contenido de la página y de los widgets. También se la conoce como editor HTML. Para obtener más información, consulte el artículo sobre el editor HTML .

Sección de curso, módulo o página en modo de edición con la barra de herramientas resaltada.