Komponenttyper

Du definerer komponenter. Komponenter er datalaget, der forbinder til UI'et.

Brugerdefinerede komponenter er blogindlæg, forfattere, adresser, brugerdefinerede rådata osv.

UI-komponenter er blot brugerdefinerede komponenter markeret som UI-elementer, footer, header, hero osv.

Systemkomponenter er foruddefineret af CMS'et som Land og Sprog.

Hvad er UI-komponenter?

Sider består af mere end én UI-komponent.

Eksempler:

• hero-blok
• feature-blok
• billedkarrusel
• header/footer

Hver UI-komponent repræsenterer en sektion af din side.

Arbejdsgang for UI-komponenter

1. Definér en komponent (struktur af blokken) i komponentbyggeren
2. Opret UI-komponenten
3. Tildel UI-komponenten til en side
4. Render den på klienten med den passende blok i blokregistret og rendereropsætningen

Eksempel: Hero-blokskema

En hero-blok kan indeholde:

• Billede
• Overskrift
• Undertekst

JSON-skema i editoren

[
  {
    "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"
  }
]

Opsætning af administrationspanelet

• Opret en ny blok
• Tilføj skemaet (HeroSchema)
• Navngiv blokken (f.eks. hero-block)

Tildel blok til side

• Gå til en rute i administrationspanelet
• Klik på Assign Page
• Tilføj den nyligt oprettede blok

Rendering på klienten

Når den er tildelt, kan blokken hentes og gengives på klientsiden ved hjælp af din rendereropsætning.

Resumé

• Skemaer definerer strukturen af blokke
• Blokke definerer sektioner af en side
• Sider består af flere blokke
• Fuldt tilpasselig og genanvendelig