Tipos De Componentes

Você define Componentes. Componentes são a camada de dados que se conecta com a UI.

Componentes Personalizados  são Postagens de Blog, Autores, endereços, dados brutos personalizados, etc. Componentes de UI  são apenas Componentes Personalizados marcados como Elementos de UI, rodapé, cabeçalho, hero, etc. Componentes do Sistema  pré-definidos pelo CMS como País e Idioma

O que são Componentes de UI?

As páginas são compostas por mais de um Componente de UI

Exemplos:

• hero-block
• feature-block
• image-carousel
• header/footer

Cada Componente de UI representa uma seção da sua página.

Fluxo de Trabalho de Componente de UI

1. Defina um componente (estrutura do bloco) no construtor de componentes
2. Crie o componente de UI
3. Atribua o Componente de UI a uma página
4. Renderize-o no cliente com o bloco apropriado no registro de blocos e na configuração do renderizador

Exemplo: Esquema de Bloco Hero

Um bloco hero pode conter:

• Imagem
• Título
• Subtítulo

Schema JSON no editor

[
  {
    "name": "heading",
    "type": "string",
    "required": false,
    "displayName": "heading"
  },
  {
    "name": "subtitle",
    "type": "string",
    "required": false,
    "displayName": "subtitle"
  },
  {
    "name": "hero_img",
    "type": "image",
    "required": false,
    "displayName": "hero_img"
  }
]

Configuração no Painel de Administração

• Crie um novo bloco
• Anexe o esquema (HeroSchema)
• Nomeie o bloco (por exemplo, hero-block)

Atribuir Bloco à Página

• Vá para uma rota no painel de administração
• Clique em