Types of Components

Määrittelet komponentit. Komponentit ovat datakerros, joka yhdistää käyttöliittymään.

Mukautetut komponentit ovat blogikirjoituksia, kirjoittajia, osoitteita, mukautettuja raakatietoja jne.

UI-komponentit ovat vain mukautettuja komponentteja, jotka on merkitty käyttöliittymäelementeiksi, kuten alatunniste, ylätunniste, hero jne.

Järjestelmäkomponentit on määritetty CMS:ssä valmiiksi, kuten maa ja kieli.

Mitä UI-komponentit ovat?

Sivut koostuvat useammasta kuin yhdestä UI-komponentista

Esimerkkejä:

• hero-lohko
• feature-lohko
• image-karuselli
• ylätunniste/alatunniste

Jokainen UI-komponentti edustaa sivusi osiota.

UI-komponentin työnkulku

1. Määrittele komponentti (lohkon rakenne) komponenttirakentajassa
2. Luo UI-komponentti
3. Liitä UI-komponentti sivulle
4. Renderöi se asiakaspuolella käyttämällä sopivaa lohkoa lohkorekisterissä ja renderöintikokoonpanossa

Esimerkki: hero-lohkon skeema

Hero-lohko voi sisältää:

• Kuva
• Otsikko
• Alaotsikko

JSON-skeema editorissa

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

Ylläpitopaneelin asetukset

• Luo uusi lohko
• Liitä skeema (HeroSchema)
• Nimeä lohko (esim. hero-block)

Lohkon liittäminen sivulle

• Siirry reitille ylläpitopaneelissa
• Napsauta Assign Page
• Lisää vastikään luotu lohko

Renderöinti asiakaspuolella

Kun lohko on liitetty, sen voi hakea ja renderöidä asiakaspuolella renderöintikokoonpanosi avulla.

Yhteenveto

• Skeemat määrittävät lohkojen rakenteen
• Lohkot määrittelevät sivun osiot
• Sivut koostuvat useista lohkoista
• Täysin mukautettavissa ja uudelleenkäytettävissä