Types of Components

Bileşenleri siz tanımlarsınız. Bileşenler, UI ile bağlantı kuran veri katmanıdır.

Özel Bileşenler Blog Yazıları, Yazarlar, adresler, özel ham veriler vb. olabilir.

UI Bileşenleri yalnızca UI Öğeleri olarak işaretlenmiş Özel Bileşenlerdir; alt bilgi, üst bilgi, kahraman bölümü vb.

Sistem Bileşenleri, CMS tarafından önceden tanımlanmıştır; Ülke ve Dil gibi.

UI Bileşenleri nelerdir?

Sayfalar birden fazla UI Bileşeninden oluşur

Örnekler:

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

Her UI Bileşeni sayfanızın bir bölümünü temsil eder.

UI Bileşeni İş Akışı

1. Bileşen oluşturucuda bir bileşen tanımlayın (bloğun yapısı)
2. UI bileşenini oluşturun
3. UI Bileşenini bir sayfaya atayın
4. Blok kaydında ve render edici kurulumunda uygun blokla istemci tarafında oluşturun

Örnek: Hero Blok Şeması

Bir hero bloğu şunları içerebilir:

• Görsel
• Başlık
• Alt başlık

Düzenleyicide JSON Şeması

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

Yönetici Paneli Kurulumu

• Yeni bir blok oluşturun
• Şemayı (HeroSchema) iliştirin
• Bloğa ad verin (örn. hero-block)

Bloğu Sayfaya Atayın

• Yönetici panelinde bir rotaya gidin
• Sayfayı Ata'ya tıklayın
• Yeni oluşturulan bloğu ekleyin

İstemcide Oluşturma

Atandıktan sonra, blok istemci tarafında render edici kurulumunuz kullanılarak alınabilir ve oluşturulabilir.

Özet

• Şemalar blokların yapısını tanımlar
• Bloklar bir sayfanın bölümlerini tanımlar
• Sayfalar birden çok bloktan oluşur
• Tamamen özelleştirilebilir ve yeniden kullanılabilir