documentation

Definisci i componenti. I componenti sono il livello dati che si collega all'interfaccia utente.

**Componenti personalizzati **sono articoli del blog, autori, indirizzi, dati grezzi personalizzati, ecc. **Componenti UI **sono semplicemente componenti personalizzati contrassegnati come elementi UI, footer, header, hero, ecc. **Componenti di sistema **sono predefiniti dal CMS come Paese e Lingua

Che cosa sono i componenti UI?

Le pagine sono composte da più di un componente UI

Esempi:

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

Ogni componente UI rappresenta una sezione della tua pagina.

Flusso di lavoro dei componenti UI

Definisci un componente (la struttura del blocco) nel builder dei componenti
Crea il componente UI
Assegna il componente UI a una pagina
Esegui il rendering sul client con il blocco appropriato nel registro dei blocchi e nella configurazione del renderer

Esempio: Schema del blocco Hero

Un blocco hero può contenere:

Immagine
Intestazione
Sottotitolo

Schema JSON nell'editor

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

Configurazione del pannello di amministrazione

Crea un nuovo blocco
Allega lo schema (HeroSchema)
Assegna un nome al blocco (ad esempio, hero-block)

Assegna il blocco alla pagina

Vai a una route nel pannello di amministrazione
Fai clic su Assign Page
Aggiungi il blocco appena creato

Rendering sul client

Una volta assegnato, il blocco può essere recuperato ed eseguito il rendering sul lato client utilizzando la tua configurazione del renderer.

Riepilogo

Gli schemi definiscono la struttura dei blocchi
I blocchi definiscono le sezioni di una pagina
Le pagine sono composte da più blocchi
Completamente personalizzabili e riutilizzabili

Tipi Di Componenti