Types of Components

Vi definirate komponente. Komponente su podatkovni sloj koji se povezuje s UI-jem.

Prilagođene komponente su objave na blogu, autori, adrese, prilagođeni neobrađeni podaci itd.

UI komponente su samo prilagođene komponente označene kao UI elementi, podnožje, zaglavlje, hero, itd.

Sistemske komponente unaprijed su definirane CMS-om kao država i jezik.

Što su UI komponente?

Stranice se sastoje od više od jedne UI komponente

Primjeri:

• hero-blok
• blok značajki
• karusel-slika
• zaglavlje/podnožje

Svaka UI komponenta predstavlja odjeljak vaše stranice.

Radni tijek UI komponente

1. Definirajte komponentu (strukturu bloka) u graditelju komponenti
2. Izradite UI komponentu
3. Dodijelite UI komponentu stranici
4. Prikažite je na klijentu pomoću odgovarajućeg bloka u registru blokova i postavke renderera

Primjer: Shema hero bloka

Hero blok može sadržavati:

• Slika
• Naslov
• Podnaslov

JSON shema u uređivaču

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

Postavljanje administratorske ploče

• Stvorite novi blok
• Pridružite shemu (HeroSchema)
• Imenujte blok (npr. hero-block)

Dodijelite blok stranici

• Idite na rutu u administratorskoj ploči
• Kliknite Dodijeli stranicu
• Dodajte novoizrađeni blok

Prikaz na klijentu

Nakon dodjele, blok se može dohvatiti i prikazati na klijentskoj strani pomoću vaše konfiguracije renderera.

Sažetak

• Sheme definiraju strukturu blokova
• Blokovi definiraju odjeljke stranice
• Stranice se sastoje od više blokova
• Potpuno prilagodljivo i višekratno upotrebljivo