Types of Components

Du definerer komponenter. Komponenter er datalaget som kobler til brukergrensesnittet.

Egendefinerte komponenter er blogginnlegg, forfattere, adresser, egendefinerte rådata osv.

UI-komponenter er bare egendefinerte komponenter merket som UI-elementer, bunntekst, topptekst, hero osv.

Systemkomponenter er forhåndsdefinerte av CMS-et som land og språk.

Hva er UI-komponenter?

Sider består av mer enn én UI-komponent

Eksempler:

• hero-blokk
• funksjonsblokk
• bildekarusell
• topptekst/bunntekst

Hver UI-komponent representerer en seksjon på siden din.

Arbeidsflyt for UI-komponenter

1. Definer en komponent (strukturen til blokken) i komponentbyggeren
2. Opprett UI-komponenten
3. Tildel UI-komponenten til en side
4. Gjengi den på klientsiden med riktig blokk i blokkregisteret og renderer-oppsettet

Eksempel: Hero-blokkskjema

En hero-blokk kan inneholde:

• Bilde
• Overskrift
• Undertittel

JSON-skjema i redaktøren

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

Oppsett i administrasjonspanelet

• Opprett en ny blokk
• Koble til skjemaet (HeroSchema)
• Gi blokken et navn (f.eks. hero-block)

Tilordne blokk til side

• Gå til en rute i administrasjonspanelet
• Klikk Assign Page
• Legg til den nyskapte blokken

Gjengivelse på klientsiden

Når den er tilordnet, kan blokken hentes og gjengis på klientsiden ved å bruke renderer-oppsettet ditt.

Sammendrag

• Skjemaer definerer strukturen til blokker
• Blokker definerer seksjoner på en side
• Sider består av flere blokker
• Fullt tilpassbart og gjenbrukbart