Criador de conteúdo

Visão geral

Ao criar e editar cursos, a plataforma oferece um editor integrado que permite que instrutores, professores e administradores criem conteúdo diretamente dentro dos cursos, com texto formatado, imagens, anexos e links.

O editor também permite que os usuários formatem páginas de conteúdo usando colunas e grades, e adicionem widgets interativos, como acordeões, caixas de rolagem e muito mais.

O editor de cursos integrado pode ser acessado dentro das seções do curso. Este artigo ensinará como acessar e usar os vários elementos do editor para criar conteúdo de aprendizagem envolvente e visualmente atraente.

Observe que a plataforma empresarial utiliza por padrão o termo "curso" e a plataforma acadêmica utiliza por padrão o termo "aula" . Os termos "curso" e "aula" são intercambiáveis neste artigo.

Acessando o editor

O editor é exibido sempre que você estiver editando uma página dentro de um curso.

Para acessar o editor em um curso existente:

Aceda a um curso existente.
Clique em um módulo/aula.
Clique em Adicionar seção para adicionar uma nova seção (ou selecione uma seção existente).
Clique na página .
Adicione um título à página.
Clique em Salvar .
Clique em Editar .

Para aprender como criar um novo curso, visite a seção Adicionando um curso no artigo Cursos e turmas para instrutores .

Curso, Módulo, seção da página com o botão Editar destacado

A página Editar é exibida, contendo vários menus e ferramentas:

Menu superior : O menu superior permite editar o título da seção, alternar entre o modo de visualização (Editor) e (Visualização) e salvar ou cancelar as alterações.

Por padrão, a página é exibida no modo Editor , que permite editar o conteúdo ativamente. Para visualizar o conteúdo antes de salvá-lo, clique em Visualizar .

Menu do Construtor de Conteúdo : O menu do Construtor de Conteúdo é exibido no lado esquerdo do editor. Este menu permite arrastar e soltar layouts e widgets de conteúdo na página. Os layouts e widgets de conteúdo serão abordados com mais detalhes neste artigo.

Observe que o menu do Construtor de Conteúdo pode ser recolhido e expandido usando a seta. Ícone ao lado do botão Estrutura de tópicos para fornecer espaço adicional para adicionar conteúdo à página.

A barra de ferramentas : A barra de ferramentas oferece diversas ferramentas de formatação que permitem personalizar o texto, adicionar imagens, links e muito mais. A funcionalidade da barra de ferramentas será abordada com mais detalhes neste artigo.
A página ou tela : A tela é onde você adiciona texto, imagens e widgets para criar o conteúdo da sua página.

Observe que o novo editor com construtor de conteúdo só estará disponível a partir de 1º de abril de 2026.

Menu do construtor de conteúdo

O menu Construtor de conteúdo permite adicionar widgets de layout e conteúdo à sua tela. O menu Construtor de conteúdo é composto por três seções:

Modo de criação de conteúdo : O menu de criação de conteúdo é exibido por padrão em Widgets , permitindo que você selecione widgets de layout e conteúdo para adicionar à sua tela. Depois de adicionar widgets à sua tela, você pode clicar em Estrutura de tópicos para ver a ordem dos widgets adicionados. A guia Estrutura de tópicos permite reordenar seus widgets de forma rápida e fácil.
Layout : A seção Layout inclui um widget de Grade e um widget de Colunas . Esses widgets permitem adicionar uma grade editável ou um conjunto de colunas ao seu conteúdo.
Conteúdo : A seção Conteúdo inclui uma variedade de widgets que permitem adicionar interatividade e interesse visual ao seu conteúdo, como acordeões , abas , cartões e muito mais. Você pode adicionar qualquer um dos widgets de conteúdo à tela para começar a personalizá-lo com seu conteúdo de aprendizagem. Além disso, qualquer widget de conteúdo pode ser colocado dentro de um widget de layout . Por exemplo, você pode adicionar um widget de caixa de rolagem a cada seção de uma coluna para criar uma linha de interações de caixa de rolagem.

Menu do construtor de conteúdo com as seções Modo, Layout e Conteúdo destacadas.

Layout: Grade

A seção Layout inclui dois widgets: Grade e Colunas . Para criar uma grade personalizável em sua tela:

Posicione o cursor na tela e clique no botão Grade .
Ou então, arraste e solte o widget Grid na tela.

Curso, módulo, seção da página em modo de edição com o widget de grade selecionado e uma seta apontando para a tela com o widget de grade exibido.

O widget Grid exibe duas colunas e duas linhas por padrão.

Use os menus suspensos Colunas e Linhas para definir o layout da grade. Você pode selecionar até quatro colunas e quatro linhas.
Você pode ajustar o espaçamento entre colunas e linhas usando o menu suspenso Espaçamento . Escolha entre Pequeno , Médio , Grande e Extra Grande .
O alinhamento vertical O botão permite escolher entre o alinhamento vertical superior, centralizado e inferior para texto e imagens dentro de uma seção da grade.
Clique em Adicionar linha para adicionar uma linha adicional, até um máximo de quatro linhas.
Clique em Adicionar coluna para adicionar uma coluna adicional, até um máximo de quatro colunas.
Clique em Remover Linha ou Remover Coluna para remover uma linha ou coluna.

Para adicionar conteúdo dentro de uma grade:

Clique dentro de uma seção da grade para começar a adicionar conteúdo.
Use a barra de ferramentas para formatar seu texto e adicionar imagens, links ou até mesmo vídeos.

Note que a barra de ferramentas será abordada em detalhes mais adiante neste artigo.

Você pode adicionar widgets de conteúdo dentro de uma seção de grade.

Por exemplo, você pode colocar uma caixa dobrável em cada seção de uma grade.

Você pode clicar em Visualizar a qualquer momento para pré-visualizar seu conteúdo.

Clique em Editor para retornar ao modo de edição.

Curso, módulo, seção da página em modo de edição com o menu Grade e uma seção da Grade destacada na tela.

Layout: Colunas

Para criar colunas personalizáveis em sua página:

Posicione o cursor na tela e clique no botão Coluna .
Ou então, arraste e solte o widget Coluna na tela.

Curso, módulo, seção da página em modo de edição com o widget Colunas selecionado e uma seta apontando para a tela com o widget Colunas exibido.

O widget Coluna exibe duas colunas por padrão.

Use o menu suspenso "Colunas" para selecionar o número de colunas. Você pode selecionar até quatro colunas.
Você pode ajustar o espaçamento entre as colunas usando o menu suspenso "Espaçamento" . Escolha entre "Pequeno ", "Médio" , "Grande" e "Extra Grande" .
Use o menu suspenso Direção para criar colunas horizontais ou verticais .
O alinhamento vertical O botão permite escolher entre o alinhamento vertical superior, centralizado e inferior para texto e imagens dentro de uma coluna.
Clique em Adicionar coluna para adicionar uma coluna adicional, até um máximo de quatro colunas.
Clique em Remover coluna para remover uma coluna.

Para adicionar conteúdo em uma coluna:

Clique dentro de uma coluna para começar a adicionar conteúdo.
Use a barra de ferramentas para formatar seu texto e adicionar imagens, links ou até mesmo vídeos.

A barra de ferramentas será abordada em detalhes mais adiante neste artigo.

Você pode adicionar widgets de conteúdo dentro de uma coluna.

Por exemplo, você pode inserir um widget de cartão dentro de uma coluna.

Você pode clicar em Visualizar a qualquer momento para pré-visualizar seu conteúdo.

Clique em Editor para retornar ao modo de edição.

Curso, módulo, seção da página em modo de edição com o menu Colunas e as seções Colunas destacadas na tela.

Widgets de conteúdo

A seção Conteúdo inclui seis widgets: Acordeão, Abas, Cartão, Texto de Destaque, Citação e Caixa de Virada. Para adicionar um widget à sua tela:

Posicione o cursor na tela e clique em um widget de conteúdo.
Ou então, arraste e solte o widget de conteúdo na tela.
Você pode empilhar vários widgets de conteúdo na tela.
Você também pode inserir qualquer widget de conteúdo dentro de uma seção de Grade ou Coluna .

Por exemplo, se você quiser agrupar caixas de rolagem, primeiro pode adicionar uma grade e, em seguida, colocar widgets de caixa de rolagem em cada seção da grade.

Curso, módulo, seção da página em modo de edição com os widgets de conteúdo destacados e setas apontando para a tela onde foram adicionados widgets de acordeão, cartão e abas.

Depois de adicionar widgets à tela, eles podem ser movidos e reordenados de diversas maneiras. Para reordenar os widgets:

Clique em "Estrutura" no menu "Construtor de conteúdo" para ver uma lista dos widgets adicionados à tela.

Use as setas para cima e para baixo nos widgets listados para reordená-los na tela.

Cada widget na tela também possui um pequeno menu no canto superior direito.

Use as setas para cima e para baixo para reordenar o widget na tela.

Você também pode arrastar e soltar widgets na tela clicando e segurando o botão de reordenar. ícone à esquerda de um widget e arrastar o widget para um novo local.

Curso, módulo, seção da página em modo de edição com o botão Estrutura de tópicos, setas de ordenação, ícone de reordenação e menu Acordeão destacados

Qualquer widget na página também pode ser excluído ou duplicado. Para excluir ou duplicar um widget:

Clique no ícone de três pontos no canto superior direito de um widget para exibir um pequeno menu.
Clique em Excluir para remover o widget.
Clique em Duplicar para duplicar o widget. Todo o conteúdo que você adicionou ao widget será incluído no widget duplicado.

Menu em acordeão na tela da página com o ícone de menu de três pontos destacado.

Widget de conteúdo: Acordeão

O Acordeão é um widget interativo que empilha seções de conteúdo e permite que os usuários expandam e recolham cada seção conforme necessário. Cada seção possui um cabeçalho clicável que revela o conteúdo. Para adicionar um Acordeão à tela:

Posicione o cursor na tela e clique em Acordeão ou arraste e solte o widget Acordeão do menu Construtor de conteúdo para a tela.

Por padrão, o Acordeão exibe duas seções, cada uma com um cabeçalho e uma seção de conteúdo. Para configurar um Acordeão :

Clique diretamente no texto de exemplo do cabeçalho para editar o texto do cabeçalho.
Clique no cabeçalho do título para expandir a seção e exibir o conteúdo.
Clique diretamente no texto de exemplo do conteúdo para editá-lo. Você pode usar a barra de ferramentas para adicionar imagens, links ou vídeos à seção de conteúdo.
Clique em Adicionar Item para adicionar uma seção adicional. Você pode adicionar até dez seções de acordeão.
Clique em Remover Item para remover uma seção.

Observe que, quando os alunos visualizarem seu conteúdo, todas as seções do acordeão estarão fechadas por padrão.

Curso, módulo, seção da página em modo de edição com um exemplo de widget de acordeão na tela.

Widget de conteúdo: Abas

O widget Abas é um widget interativo que organiza conteúdo relacionado em visualizações separadas (abas), permitindo que os usuários alternem entre as abas sem sair do widget. Para adicionar um widget Abas à tela:

Posicione o cursor na tela e clique em Abas ou arraste e solte o widget Abas do menu Construtor de conteúdo para a tela.

Por padrão, três abas são exibidas no widget, cada uma com um título e uma seção de conteúdo. Para configurar o widget de Abas :

Clique diretamente no texto de exemplo do título da guia. Para editar o texto do título da aba.

Observe que a cor do texto do título da aba é a cor de destaque principal da sua plataforma.

Clique diretamente no texto de exemplo do conteúdo da aba para editar o conteúdo. Você pode usar a barra de ferramentas para adicionar imagens, links ou vídeos ao conteúdo da aba.
Clique em outro título de aba. Para acessar a aba e editar o título e o conteúdo.
Clique em Adicionar guia para adicionar uma guia adicional. Você pode adicionar até oito guias.
Clique em Remover guia para remover uma guia.

Seção de curso, módulo e página em modo de edição com um exemplo de widget de abas na tela.

Widget de conteúdo: Cartão

O widget Card é um contêiner que aplica formatação integrada para ajudar o conteúdo a se destacar do restante da página. Os widgets Card incluem um cabeçalho e conteúdo. A cor de destaque principal da sua plataforma é exibida no lado esquerdo do contêiner. Para adicionar um widget Card à tela:

Posicione o cursor na tela e clique em Cartão ou arraste e solte o widget Cartão do menu Construtor de conteúdo para a tela.

Por padrão, o widget Cartão exibe um texto de espaço reservado. Para configurar o widget Cartão :

Clique diretamente no texto de exemplo do cabeçalho do cartão para editar o texto do cabeçalho.
Clique diretamente no texto de exemplo do conteúdo do cartão para editar o texto. Você pode usar a barra de ferramentas para adicionar imagens, links ou vídeos ao conteúdo do cartão.

Seção de curso, módulo e página em modo de edição com um exemplo de widget de cartão na tela.

Widget de conteúdo: Texto de destaque

O widget Texto de Destaque oferece quatro formatos predefinidos para chamar a atenção para diferentes tipos de conteúdo. As quatro opções são Dica , Observação , Aviso e Exemplo . Para adicionar um widget Texto de Destaque à sua tela:

Posicione o cursor na tela e clique em Texto de destaque ou arraste e solte o widget Texto de destaque do menu Construtor de conteúdo para a tela.

Por padrão, o texto de espaço reservado é exibido no widget Texto de Destaque . Para configurar o widget Texto de Destaque :

Selecione um tipo de chamada na lista suspensa Tipo . As opções incluem Dica , Observação , Aviso e Exemplo .

O tipo de chamada que você selecionar determinará a cor do contorno e do fundo do widget.

Clique diretamente no texto de exemplo do balão de fala para editá-lo. Você pode usar a barra de ferramentas para adicionar imagens, links ou vídeos ao widget do balão de fala.

Seção de curso, módulo e página em modo de edição com um exemplo de widget de texto de destaque na tela, com o menu Tipo ativo e selecionado.

Widget de conteúdo: Citação

O widget Citação oferece três formatos de citação predefinidos que podem ser usados ao adicionar citações ao seu conteúdo. As três opções são Clássico, Moderno e Minimalista . Para adicionar um widget Citação à tela:

Posicione o cursor na tela e clique em "Citar " ou arraste e solte o widget "Citar" do menu "Construtor de conteúdo" para a tela.

Por padrão, o widget de citação exibe um texto de exemplo. Para configurar o widget de citação:

Selecione um tipo de citação no menu suspenso Tipo . As opções incluem Clássico, Moderno e Minimalista .

O tipo de citação selecionado determinará a formatação do widget de citação.

Clique diretamente no texto de exemplo da citação. Para editar o texto, você pode usar a barra de ferramentas para adicionar imagens, links ou vídeos ao widget de citação.
Clique diretamente no texto de exemplo da fonte da citação para editar a fonte da citação.

Curso, Módulo, seção da página em modo de edição com um widget de citação de exemplo na tela, com o menu Estilo ativo e destacado.

Widget de conteúdo: Flip Box

O widget Flip Box é um cartão interativo de dois lados que vira quando o usuário clica nele. Os Flip Boxes são ideais para flashcards e conteúdo de perguntas e respostas. Para adicionar um widget Flip Box à tela:

Posicione o cursor na tela e clique em "Inverter Caixa" ou arraste e solte a Caixa de Inversão. Adicione o widget do menu Construtor de conteúdo à tela.

Por padrão, a frente do widget Flip Box é exibida com um texto de exemplo. Para configurar o widget Flip Box :

Clique em Editar Frente ou clique diretamente no texto de exemplo da Caixa de Virada para editar o texto na frente do cartão. Você pode usar a barra de ferramentas para adicionar imagens, links ou vídeos ao cartão.
Clique em Editar Verso para editar o texto no verso do cartão. Você pode usar a barra de ferramentas para adicionar imagens, links ou vídeos ao cartão.
Clique em Virar para inverter o cartão a qualquer momento durante a edição do conteúdo.
Clique no menu suspenso "Forma " para selecionar entre uma caixa dobrável quadrada ou retangular .

Seção de curso, módulo e página em modo de edição com um exemplo de widget Flip Box na tela.

O menu da barra de ferramentas

A barra de ferramentas consiste em uma barra de menus e ícones que permitem editar o conteúdo da página e dos widgets. A barra de ferramentas também é conhecida como editor HTML. Para saber mais, consulte o artigo sobre o editor HTML .

Curso, Módulo, seção da página em modo de edição com a barra de ferramentas selecionada

Construtor de conteúdo de aprendizagem CYHPER