Typy komponentów

Definiujesz komponenty. Komponenty są warstwą danych, która łączy się z interfejsem użytkownika.

Niestandardowe komponenty  to wpisy na blogu, autorzy, adresy, niestandardowe surowe dane itd. Komponenty UI  to po prostu niestandardowe komponenty oznaczone jako elementy interfejsu użytkownika, takie jak stopka, nagłówek, hero itd. Komponenty systemowe  są zdefiniowane przez CMS, na przykład Kraj i Język

Czym są komponenty UI?

Strony składają się z więcej niż jednego komponentu UI

Przykłady:

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

Każdy komponent UI reprezentuje sekcję Twojej strony.

Przepływ pracy komponentu UI

1. Zdefiniuj komponent (strukturę bloku) w kreatorze komponentów
2. Utwórz komponent UI
3. Przypisz komponent UI do strony
4. Renderuj go po stronie klienta za pomocą odpowiedniego bloku w rejestrze bloków i konfiguracji renderera

Przykład: schemat bloku hero

Blok hero może zawierać:

• Obraz
• Nagłówek
• Podtytuł

Schemat JSON w edytorze

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

Konfiguracja panelu administracyjnego

• Utwórz nowy blok
• Dołącz schemat (HeroSchema)
• Nazwij blok (np. hero-block)

Przypisz blok do strony

• Przejdź do trasy w panelu administracyjnym
• Kliknij