Templates
Templates definem a estrutura das páginas na sua Área de Membros. Eles servem como armazenamento de dados para o editor de tema visual e determinam quais seções aparecem em uma página.
Templates Disponíveis
Atualmente, apenas duas páginas podem ser personalizadas:
- Página de login (
login.json) - A página de autenticação
- Página inicial (
index.json) - A página do painel principal
Estes arquivos seguem uma estrutura fixa e não podem ser deletados ou renomeados. Você também não pode criar novas páginas nesta pasta.
Estrutura do Schema
Propriedades
Exemplo
Templates são arquivos JSON com um schema específico:{
"order": ["section-id-1", "section-id-2", "section-id-3"],
"sections": {
"section-id-1": {
"type": "banner",
"settings": {
// Configurações da seção
},
"blocks": {
// Blocos opcionais dentro da seção
},
"block_order": ["block-id-1", "block-id-2"]
},
"section-id-2": {
"type": "modules",
"settings": {
// Configurações da seção
}
}
// Seções adicionais...
}
}
| Propriedade | Tipo | Descrição |
|---|
order | Array | Lista de IDs de seção na ordem de renderização |
sections | Object | Mapa de IDs de seção para configurações de seção |
sections[id].type | String | O tipo de seção (deve corresponder ao nome de um arquivo de seção) |
sections[id].settings | Object | Valores de configuração para a seção |
sections[id].blocks | Object | Blocos opcionais dentro da seção |
sections[id].block_order | Array | Ordem dos blocos dentro da seção |
{
"order": ["banner", "featured-modules", "continue-watching"],
"sections": {
"banner": {
"type": "banner",
"settings": {
"slides_delay": 5
},
"blocks": {
"slide-1": {
"id": "slide-1",
"type": "slide",
"settings": {
"banner_type": "image",
"mobile_image": "https://example.com/mobile.jpg",
"desktop_image": "https://example.com/desktop.jpg"
}
}
},
"block_order": ["slide-1"]
},
"featured-modules": {
"type": "modules",
"settings": {
"external_section_id": "featured-modules",
"items_variant": "content_over",
"title": "Uma seção pode conter módulos",
"course_id": "course-id-example"
}
},
"continue-watching": {
"type": "continue_watching",
"settings": {
"external_section_id": "continue-watching",
"items_variant": "content_over",
"margin_top": 20
}
}
}
}
Limitações
- Templates são arquivos auto-gerados que podem ser editados tanto pelo editor de código quanto pelo editor de tema
- Cada template pode renderizar até 25 seções
- Cada seção pode ter até 50 blocos
Como os Templates Funcionam
Quando você edita um template no editor de tema:
- O editor de tema lê o arquivo JSON do template
- Ele renderiza controles de UI baseados nos schemas das seções
- Quaisquer mudanças que você fizer são salvas de volta no arquivo JSON
- A página é re-renderizada com suas mudanças
Você também pode editar estes arquivos diretamente no editor de código clicando no botão “Editor de Código”.