Types of Components

Definujete komponenty. Komponenty predstavujú dátovú vrstvu, ktorá sa prepája s používateľským rozhraním.

Vlastné komponenty sú blogové príspevky, autori, adresy, vlastné surové dáta atď.

Komponenty UI sú iba vlastné komponenty označené ako prvky používateľského rozhrania, ako napríklad päta, hlavička, hero sekcia atď.

Systémové komponenty sú preddefinované v CMS ako krajina a jazyk.

Čo sú komponenty UI?

Stránky sa skladajú z viacerých komponentov UI

Príklady:

• hero-blok
• feature-blok
• karusel obrázkov
• hlavička/päta

Každý komponent UI predstavuje sekciu vašej stránky.

Pracovný postup komponentu UI

1. Definujte komponent (štruktúru bloku) v nástroji na tvorbu komponentov
2. Vytvorte komponent UI
3. Priraďte komponent UI k stránke
4. Vykreslite ho na klientovi pomocou príslušného bloku v registri blokov a nastavenia vykresľovača

Príklad: Schéma hero bloku

Hero blok môže obsahovať:

• Obrázok
• Nadpis
• Podtitul

Schéma JSON v editore

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

Nastavenie administračného panela

• Vytvorte nový blok
• Pripojte schému (HeroSchema)
• Pomenujte blok (napr. hero-block)

Priraďte blok ku stránke

• Prejdite na trasu v administračnom paneli
• Kliknite na Assign Page
• Pridajte novo vytvorený blok

Vykreslenie na klientovi

Po priradení je možné blok načítať a vykresliť na strane klienta pomocou vášho nastavenia vykresľovača.

Zhrnutie

• Schémy definujú štruktúru blokov
• Bloky definujú sekcie stránky
• Stránky sú zložené z viacerých blokov
• Plne prispôsobiteľné a znovu použiteľné