Types of Components

Komponenty definujete sami. Komponenty představují datovou vrstvu, která se propojuje s UI.

Vlastní komponenty jsou blogové příspěvky, autoři, adresy, vlastní surová data atd.

Komponenty UI jsou jen vlastní komponenty označené jako prvky UI, například patička, hlavička, hero apod.

Systémové komponenty jsou předdefinované CMS, například jako země a jazyk.

Co jsou komponenty UI?

Stránky se skládají z více než jedné komponenty UI.

Příklady:

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

Každá komponenta UI představuje sekci vaší stránky.

Pracovní postup komponent UI

1. Definujte komponentu (strukturu bloku) v nástroji pro tvorbu komponent
2. Vytvořte komponentu UI
3. Přiřaďte komponentu UI ke stránce
4. Vykreslete ji na klientovi pomocí odpovídajícího bloku v registru bloků a nastavení rendereru

Příklad: Schéma hero bloku

Hero blok může obsahovat:

• Obrázek
• Nadpis
• Podnadpis

Schéma JSON v editoru

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

Nastavení administračního panelu

• Vytvořte nový blok
• Připojte schéma (HeroSchema)
• Pojmenujte blok (např. hero-block)

Přiřazení bloku ke stránce

• V administračním panelu přejděte na trasu
• Klikněte na Assign Page (Přiřadit stránku)
• Přidejte nově vytvořený blok

Vykreslení na straně klienta

Jakmile je blok přiřazen, lze jej získat a vykreslit na straně klienta pomocí vašeho nastavení rendereru.

Shrnutí

• Schémata definují strukturu bloků
• Bloky definují sekce stránky
• Stránky se skládají z více bloků
• Plně přizpůsobitelné a znovu použitelné